锘緻charset "utf-8";
/* Start CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend{
margin: 0;
padding: 0;
border: 0;
outline: 0;
/*font-size: 100%;
vertical-align: baseline;
background: transparent;*/
}
.l{ float:left;}
.r{ float:right;}
ul,li{ list-style:none; padding:0; margin:0}
mark, rp, rt, ruby, summary, time {display:inline}
nav a{text-decoration: none}
hr{background: #e0e0e0;height: 1px}
*, :before, :after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input,button,textarea,select{
outline: none;
font-family:inherit;
border: none;
background: none;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
select::-ms-expand { display: none;}
iframe{border: none;vertical-align: top;}
:before, :after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
em{font-style: normal;}
.clearfix:before,.clearfix:after,
.container:before,.container:after,
.container-middle:before,.container-middle:after{
content: " ";display: table;
}
.clearfix:after,.container:after,.container-middle:after{
clear: both;
}
.pull-left{float: left;}
.pull-right{float: right;}
.dis-table{display: table;width: 100%;height: 100%;}
.dis-cell{display: table-cell;vertical-align: middle;}
.text-align{text-align: center;}
.section{width: 100%;overflow: hidden;}
.out{overflow-y: auto;padding-right: 5px;}
.out::-webkit-scrollbar {
width: 3px;
background-color: #fff;
}
.out::-webkit-scrollbar-thumb {
background-color:#ec1b24;
border-radius: 10px;
}
html,
button,
select,
textarea {
font-family:'寰蒋闆呴粦';
}
body{
margin: 0 auto;
color:#424242;
background: #FFF;
min-width: 1200px;
line-height:200%;
font-size:15px;
}
a {
color: #424242;
text-decoration:none;
}
a:focus {
outline: thin dotted;
}
a:active,
a:hover {
outline: 0;
text-decoration:none;
color:#F08519;
}
.fl{ float:left;}
.fr{ float:right;}
.container, .container-middle/*, .wrap */{
/*padding-right: 15px;
padding-left: 15px;*/
margin: 0 auto;
}
.location .wrap{
padding:0
}
@media (min-width: 1260px) {
.container, .container-middle {
width: 1230px;
}
}
@media (min-width: 1460px) {
.container-middle, .container {
width: 1430px;
}
}
@media (min-width: 1920px) {
.container-middle {
width: 1630px;
}
.container {
width: 1430px;
}
}
/******************************************************************************
Header
*******************************************************************************/
.mod-topbar {
height: 5px;
background:#808080;
position:fixed;
z-index: 100;
width:100%;
top:0;
left:0;
}
.mod-header, .mod-header .logo a, .mod-header .logo .logo-img, .mod-header .nav, .mod-header .nav-start-btn {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
.mod-header {
height: 160px;
background:#FFF;
z-index: 1000;
position: relative;
top:5px;
}
.mod-header .logo {
padding: 0;
width: 286px;
height:90px;
overflow: hidden;
padding-top:15px;
z-index:99;
}
.mod-header .logo a {
display: block;
text-decoration: none;
}
.mod-header .logo .logo-img {
height: 75px;
width: 286px;
}
.mod-header .nav-start-btn {
position: absolute;
right: 0;
top: 0;
padding: 12px 20px;
margin: 24px 0;
font-size: 15px;
color: #fff;
text-decoration: none;
}
.is-fixed.mod-header {
position: fixed;
top: 5px;
height: 80px;
width: 100%;
/*border-top:#929292 10px solid;
background-image:none;
background-color: #fff;*/
background-color: rgba(255, 255, 255, 0.95);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 0 0 13px rgba(0,0,0,.2);
}
.logokouhao{
-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;
}
.is-fixed.mod-header .logokouhao{
opacity:0;
-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .5s;transition: all .3s;
}
.is-fixed.mod-header .logo-img {
height:50px;
width: 191px;
z-index:99;
position:relative;
}
.is-fixed.mod-header .nav {
padding: 0px 0;
}
.is-fixed.mod-header .nav ul {
text-align:right;
}
.is-fixed.mod-header .nav-start-btn {
margin: 6px 0;
}
.is-fixed .BarDiv{opacity:0;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
/*********/
.BarDiv{
height:40px;
line-height:40px;
position:absolute;
top:20px;
right:0px;
width:550px;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
}
.BarDiv .language{
margin:auto 10px;
}
.BarDiv .lan{
width:212px;
height:35px;
line-height:35px;
border:#e0e0e0 0px solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family:"Helvetica Condensed Bold_0";
font-style:normal;
font-size:28px;
font-weight:bold;
background:url(../images/toptel.png) no-repeat left;
background-size:25px;
position:relative;
margin-top:6px;
z-index:999999999;
color:#9A9A9A;
text-align:right;
}
.BarDiv .lan a{
color:#909090;
}
.selectlan{opacity:0; border:#e0e0e0 1px solid; width:123px; height:106px; left:-1px; position:absolute; top:-70px; background:#FFF; z-index:999;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.BarDiv .lan:hover .selectlan{opacity:1;left:-1px;top:22px; background:#FFF;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s; z-index:10}
.BarDiv .lan:hover .selectlan ul li{ border-bottom:#e0e0e0 1px solid; margin-top:10px}
.BarDiv .lan .selectlan ul li img{display:inline-block; margin-bottom:4px; vertical-align:middle; margin-left:8px; margin-right:6px}
.BarDiv .searchBar{width:250px; height:40px; position:absolute; top:5px; left:0px; border:#e0e0e0 1px solid; border-radius:25px;}
.BarDiv .searchBar input{border:0 none; padding:0px; position:absolute; top:1px; height:37px; line-height:37px;background:none;}
.BarDiv .searchBar input.txt{width:180px; padding:0px 5px; color:#b3b2b2; left:20px; outline:none}
.BarDiv .searchBar input.submit{width:21px; height:20px; right:20px; top:8px; cursor:pointer; background:url(../images/icon-searcha.png) no-repeat}
.BarDiv .weixin{
position:absolute;
right:240px;
top:4px;
}
.BarDiv .weixin img.wximg{
display:inline-block;
vertical-align:middle;
height:35px;
width:35px;
border-radius:50%;
background:#909090;
}
.BarDiv .weixin img.wximg:hover{
background:#F08519;
}
.twx{
position:relative;
cursor:pointer;
}
.txx{
position:relative;
cursor:pointer;
opacity:0;
position:absolute;
width:120px;
height:0;
top:-145px;
left:-40px;
-webkit-transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
transition: all .5s;
z-index:99999;
}
.twx:hover .txx{
width:120px;
height:auto;
overflow:auto;
opacity:1;
position:absolute;
top:35px;
left:-40px;
-webkit-transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
transition: all .5s;
}
.txx img{
width:120px!important;
height:120px!important;
border:#e0e0e0 1px solid;
border-radius:3px!important;
}
.Menu{
height:36px;
position:absolute;
bottom:10px;
width:100%;
left:0;
}
.nav{
width:100%;
position:relative;
clear:both;
z-index:9;
}
.nav ul{
margin:0 auto;
text-align:left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; /*width:1280px; */
padding:0
}
.nav li{
margin:0px 30px 0 30px;
text-align:center;
display:inline-block;
}
.nav li:first-child{
margin-left:0;
}
.nav a{
height:47px;
display:block;
font-size:16px;
color:#666;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
}
.nav li a.mmm{
-webkit-transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
transition: all .5s;
}
.nav li:hover a.mmm{
-webkit-transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
transition: all .5s;
}
.is-fixed .nav li:hover a.mmm{
-webkit-transition: all .5s;-
o-transition: all .5s;
-ms-transition: all .5s;
transition: all .5s;
}
/*.nav li.mn a.mmm:after{content: "";display: block;position:absolute;left: 50%;right:50%;bottom:-3px;height: 3px;opacity: 0;background-color: #D4BB54;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li.mn a.mmm:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li.mn:hover a.mmm:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li.mn:hover a.mmm{ color:#139FEF; font-weight:600;}*/
.nav .sub{
display:none;
width:100%;
padding:0;
position:absolute;
top:46px;
/*overflow:hidden;*/
text-align:left;
z-index:99999999999999999999999999;
left:0px;
background:rgba(255,255,255,0.92)
}
.nav .sub .nav_xiao{
/*width:1316px;*/
overflow:hidden;
padding-top:5px;
margin:0 auto;
padding-bottom:50px;
}
.nav .sub .nav_xiao .xiao_five{
width:336px;
overflow:hidden;
float:right;
margin-top:35px;
margin-left:50px;
position:relative;
}
.nav .sub .nav_xiao .xiao_five img{
width:300px;height:140px;
}
.nav .sub .nav_xiao .xiao_five img{
width:100%;
max-width: 101%;
height: auto;
transition-duration: .5s;
-ms-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
}
.nav .sub .nav_xiao .xiao_five:hover img{
transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
-webkit-transform: scale(1.2);
}
.nav .sub .nav_xiao .xiao_five2 dd{
position:relative;
}
.subnav{
position:absolute;
left:260px;
top:0;
display:none;
box-shadow:0 10px 10px rgba(0,0,0,.1);
background:#FFF;
width:280px!important;
padding:0 20px!important;
}
.nav .sub .nav_xiao .xiao_five2 dd:hover .subnav{
display:block;
}
.subnav a{
background:url(../images/sort3.png) no-repeat left!important;
border-bottom: 1px dotted rgba(0,0,0,0.1)!important;
font-weight:normal!important;
text-transform:capitalize!important;
font-size:12px!important;
width:100%!important;
height:35px!important;
line-height:35px!important;
}
.subnav a:hover{
background:url(../images/sort3_on.png) no-repeat left!important;
}
.nav .sub .nav_xiao .xiao_five a{
width:344px;
height:138px;
padding:0;
margin-right:45px;
float:left;
}
.nav .sub .nav_xiao .xiao_five2{
float:left;
margin-right: 20px;
text-align: left;
width:300px;
margin-top:15px;
margin-left:9.4%;
}
.is-fixed .nav .sub .nav_xiao .xiao_five2{
margin-left:38.6%;
}
/*.nav .sub .nav_xiao .xiao_five2 div.aa{
box-shadow:none;
font-size: 14px;
padding:0;
height:50px;
line-height:50px;
}*/
.nav .sub .nav_xiao .xiao_five2 div.aa a{
box-shadow:none;
border-bottom: 1px solid rgba(0,0,0,0.1);
margin-right:50px;
text-align: left;
width:260px;
display:inline-block;
padding-top:0;
padding:0;
font-size:16px;
background:url(../images/jt.png?v=2.0) no-repeat 245px;
background-size:7px 12px;
height:52px;
line-height:52px;
color:#424242;
text-transform:capitalize!important;
font-weight:normal;
-webkit-transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
transition: all .5s;
text-indent:10px;
}
.nav .sub .nav_xiao .xiao_five2 div.aa a:hover{
color:#EB7B15;background:url(../images/jt2.png?v=2.0) no-repeat 250px;
background-size:7px 12px;
text-indent:5px;
}
/***************New top********/
/******************************************************************************
Header
*******************************************************************************/
.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
border-bottom: 1px solid rgba(255,255,255,.3);
height: 90px;
z-index: 5000;
background: rgba(0,0,0,0.15);
transition: ease .5s;
}
.header.on {
box-shadow: 0 0 13px rgba(0,0,0,.1);
border-bottom: 1px solid rgba(0,0,0,.1);
background-color:rgba(255,255,255,0.95);
}
.header .logo {
display: block;
float: left;
position: relative;
z-index: 1200;
margin: 0px 0;
margin-left: -30px;
color:#FFF;
padding-top:22px;
/*line-height:90px;*/
}
.header .logo em{
font-size:14px;
font-family:arial;
padding:6px 0 0 0;
margin:0;
line-height:100%;
display:block;
}
.header .logo img {
height: 70px;
margin-right:10px;
float:left;
margin-top:-10px
}
.header .logo span.logoon {
display: none;
}
.header.on .logo span.logoon1, .header.ny-header .logo span.logoon1 {
display: none;
}
.header.on .logo span.logoon, .header.ny-header .logo span.logoon {
display: block;
color:#FFF
}
.header-right {
float: right;
margin: 28px 0;
margin-left: 50px;
}
.header-search {
float: right;
margin-top: 0px;
position: relative;
margin-right: 0;
}
.bt-search {
position: relative;
border: none;
background: none;
float: left;
width: 34px;
height: 34px;
text-align: right;
line-height: 40px;
cursor: pointer;
transition: .5s;
z-index: 10;
}
.bt-search .sub-bot {
display: inline-block;
width: 21px;
height: 20px;
line-height: 34px;
background: transparent;
border: none;
z-index: 3;
cursor: pointer;
background: url(../images/icon-search.png) no-repeat center transparent;
padding-right: 0px;
}
.header.on .sub-bot {
background-image: url(../images/icon-searcha.png);
}
.searchop .search-all {
z-index: 10;
opacity: 1;
visibility: visible;
}
.search-all {
position: absolute;
right: 0;
top: 0;
width: 300px;
height: auto;
z-index: -1;
opacity: 0;
visibility: hidden;
transition: all .2s;
}
.search-all .search-box {
position: relative;
height: 36px;
margin-top: 38px;
background: #fff;
}
.searchop .search-all .search-box {
animation: searchform-fade 400ms both;
}
.searchop .search-all form {
animation: searchform-slide 1s both;
box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
.search-all .search-box .search-txt {
color: #333;
line-height: 34px;
width: 44px;
text-align: center;
cursor: pointer;
transition: all .3s ease-out;
}
.search-all .search-box .search-txt em {
font-size: 20px !important;
}
.search-all .search-box .search-txt.left {
float: left;
}
.search-all .search-box .search-inp {
margin-left: 44px;
transition: all .3s ease-out 0s;
margin-right: 44px;
}
.search-all .search-box .search-inp input {
font-size: 16px;
line-height: 36px;
color: #333;
width: 100%;
border-radius: 5px;
}
.searchop .search-close {
opacity: 1;
transition: all .2s ease-out 0s;
}
.search-all .search-box .search-close {
width: 44px;
height: 36px;
font-size: 16px;
color: #333;
line-height: 36px;
text-align: center;
cursor: pointer;
position: absolute;
top: 0;
right: 0;
opacity: 1;
}
.searchop .search-close:hover {
}
.searchshow .top2-bu a {
-webkit-animation: item-searchshow .4s both;
animation: item-searchshow .4s both;
}
.ny-header {
background: #fff;
}
/* .header.on .navitem>a{padding: 35px 12px;} */
/* .header.on .header-right{margin: 33px 0;} */
/* .header.on .logo img{width: 100px;height: 85px;} */
/* .header.on .logo{margin: 7px 0;} */
.header.on .logo p, .header.on .navitem > a, .header.on .language-text,
.ny-header .logo p, .ny-header .navitem > a, .ny-header .language-text {
color: #424242;
}
.header.on .navitem.active > a {
color: #424242;
}
.header.on .navitem > a:hover {
color: #F08519;
}
.header.on .gpcode,
.ny-header .gpcode {
color: #333;
}
.ny-header .sub-bot {
background-image: url(../images/icon-searcha.png);
}
.header.on .language-text:hover {
color: #ec1b24;
}
.navbar {
float: right;
transition: ease .5s;
margin-right: -24px;
}
.navitem {
float: left;
padding: 0 25px;
}
.navitem > a {
display: inline-block;
font-size: 15px;
font-weight:bold;
color: rgba(255,255,255,1);
line-height: 30px;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
background: transparent;
padding: 30px 6px;
position: relative;
}
.navitem.active > a {
color: #fff;
}
.navitem:hover > a {
color: #fff;
}
.navitem > a::before {
position: absolute;
content: "";
width: 0px;
height: 3px;
background: #F08519;
left: 50%;
bottom: 0%;
transform: translateX(-50%);
transition: ease .5s;
}
.navitem:hover > a::before,
.navitem.active > a::before {
width: 100%;
}
/* =====================涓嬫媺 ================ */
.dropdown-menu {
position: absolute;
top: 100%;
z-index: 1100;
background:rgba(255,255,255,0.9);
border-top: 1px solid #eeeeee;
-webkit-transition: none;
-o-transition: none;
transition: none;
height: auto;
display: none;
overflow: hidden;
width: 100%;
left: 0;
margin-top: 0;
-ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);
-o-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);
-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);
box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);
}
.category-item {
position: relative;
}
.category-item-single {
position: static;
}
.dropdown-menu.single {
width: 300px;
left: 50%;
transform: translateX(-50%);
}
.navitem:hover .dropdown-menu {
opacity: 1;
display: block;
visibility: visible;
}
/* .category-item:hover .dropdown-menu.single{max-height: 450px;opacity: 1;} */
.dropdown-menu ul {
padding: 54px 0 85px;
font-size: 0;
}
.dropdown-menu li {
float: left;
padding: 0 0 0 45px;
width: 25%;
}
.dropdown-menu li.dropdown-img {
width: 21.42%;
padding: 0 0px 0 0;
}
.dropdown-img1 {
width: 100%;
}
.dropdown-img1 img {
width: 100%;
}
.dropdown-menu li:first-child {
padding-left: 0;
}
/* .dropdown-menu li:last-child{padding-right: 0;border-right: none;} */
.dropdown-tit {
display: block;
margin-bottom: 6px;
font-size: 24px;
color: #242e38;
line-height: 40px;
font-family: 'semi';
}
.dropdown-dec {
display: block;
font-size: 16px;
color: #444;
line-height: 28px;
padding: 10px 12px 12px 0px;
border-bottom: 1px solid #e5e5e5;
position: relative;
}
.dropdown-dec::before {
content: "";
position: absolute;
width: 0;
height: 1px;
background: #F08519;
bottom: -1px;
left: 50%;
transform: translateX(-50%);
transition: ease .5s;
}
.dropdown-dec:hover::before {
width: 100%;
}
.dropdown-dec:hover em {
color: #ec1b24;
}
.dropdown-dec em {
font-size: 18px;
color: #666;
font-weight: 550;
float: right;
}
.dropdown-menu li a:last-child {
margin-bottom: 0;
}
.dropdown-menu li a:hover {
color: #ec1b24;
}
.dropdown-menu li.dropdown-title {
width: 26%;
padding-right: 30px;
}
.dropdowntit-font {
}
.dropdowntit-font h3 {
font-size: 30px;
line-height: 40px;
color: #333;
}
.dropdowntit-font h5 {
font-size: 16px;
line-height: 30px;
color: #555;
margin: 9px 0 0px;
font-weight:normal;
}
.dropdowntit-font a {
font-size: 16px;
display: block;
margin-top: 40px;
}
@media (max-width:1460px) {
.dropdown-dec {
font-size: 16px;
padding: 10px 12px 5px 0px !important;
}
.dropdown-menu li {
padding: 0 0 0 25px;
}
}
@media (max-width:1259px) {
.dropdown-menu li {
padding: 0 0 0 30px;
}
.dropdown-dec {
font-size: 16px;
padding: 12px 12px 11px 0px !important;
}
.dropdown-menu li.dropdown-img {
width: 25%;
}
.dropdown-menu li.dropdown-title {
width: 31%;
}
.dropdowntit-font h5 {
margin-bottom: 30px;
}
}
@media (max-width:1170px) {
.dropdown-menu li {
}
}
/**************************************************************************************/
/********************************************banner杞挱css****************************************/
.slider_bg{display:-webkit-flex; display:flex; justify-content:center; position:relative; z-index: 1;}
.slider_bg img{/*width:100%; */height:700px; display:inline-block;}
.pc_web{display:block;}
.m_web{display:none;}
.slider_bg .swiper-container {width: 100%;height:auto; display:flex;}
.slider_bg .swiper-slide{display:-webkit-box; display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; color:#fff; overflow:hidden}
.slider_bg .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-container .swiper-pagination-custom,.swiper-container .swiper-pagination-fraction{ bottom:30px; }
.slider_bg .swiper-pagination-bullet{background:#fff; width:15px; height:15px; border-radius:100%; opacity:.8;}
.slider_bg .swiper-pagination-bullet-active{background:#fff;opacity:1; width:45px;border-radius:15px;}
.slider_bg .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px;}
.slider_bg .swiper-button-next:after, .slider_bg .swiper-container-rtl .swiper-button-prev:after {color:#fff;}
.slider_bg .swiper-button-prev:after, .slider_bg .swiper-container-rtl .swiper-button-next:after {color:#fff;}
.pc_swiperimg{display:block;}
.m_swiperimg{display:none;}
@media screen and (max-width:1024px){
.pc_web{display: none;}
.m_web{display: block;}
.slider_bg .swiper-button-next,.slider_bg .swiper-button-prev{display:none;}
.slider_bg .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 4px; }
.slider_bg .swiper-pagination-bullet{width:30px; height:6px;}
.slider_bg .swiper-pagination-bullet-active{opacity:1;}
.slider_bg .swiper-pagination{ display:block; }
.slider_bg .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-container .swiper-pagination-custom,.swiper-container .swiper-pagination-fraction{ bottom:10px; }
}
@media screen and (max-width:576px){
}
/*******鍏充簬**********************/
.index-about{
width:100%;
float:left;
clear:both;
padding:80px 0 100px 0;
background:#f3f3f3;
position:relative;
}
.sekuai{
background:#E5EDFA;
width:47.24%;
height:70%;
position:absolute;
left:0;
bottom:0;
}
.index-about .l{
width:45%;
padding-top:50px;
position:relative;
color:#747474;
font-weight:lighter;
float:right;
}
.index-about .l .limg{
width:100%;
position:relative;
overflow:hidden;
/*box-shadow: 0 16px 20px -6px rgba(0, 0, 0, 0.5);*/
transition: all linear 0.5s;
text-align:right;
}
.index-about .l:hover .limg{
/*box-shadow: 0 16px 20px -6px rgba(0, 0, 0, 0.9);*/
transform:translateY(-10px);
-webkit-transform:translateY(-10px);
-moz-transform:translateY(-10px);
-ms-transform:translateY(-10px);
-o-transform:translateY(-10px);
}
.index-about .l .limg img{
max-width:100%;
display:inline-block;
transition-duration: .5s;
-ms-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
}
.index-about .l:hover .limg img{
/*-webkit-transform:scale(1.15);
-ms-transform:scale(1.15);
-o-transform:scale(1.15);
transform:scale(1.15);*/
}
.index-about .r p{
margin-bottom:15px;
font-size:15px;
line-height:200%;
text-indent:2em;
color:#707070;
}
.index-about .l strong{
color:#02747E;
font-size:15px;
}
.index-about .r{
width:-moz-calc(55% - 45px);
width:-webkit-calc(55% - 45px);
width: calc(55% - 45px);
padding-top:45px;
float:left;
padding-right:20px;
}
.index-about .r h3{
position:relative;
font-size:30px;
padding-top:0px;
margin-bottom:15px;
font-family:"Helvetica Condensed Bold_0";
}
.index-about .r h4{
font-size:18px;
font-weight:bold;
margin-bottom:15px;
/*color:#194189;*/
}
.index-about .r .line{
width:30px;
height:4px;
background:#F08519;
display:block;
margin-bottom:5px;
margin-top:10px;
}
.index-about .r .titen{
position:absolute;
font-size:24px;
font-weight:lighter;
text-transform:uppercase;
top:0;
left:0px;
display:none;
}
.index-about .r a.leranmore{
text-transform:uppercase;
clear:both;
display:block;
margin-top:20px;
transition: all linear 0.3s;
width:120px;
height:35px;
line-height:31px;
text-align:center;
/*background:#666;*/
border-radius:40px;
color:#666;
float:left;
border:#666 2px solid;
/*margin-left:30px;*/
}
.index-about .r a.leranmore span{
display:inline-block;
background:url(../images/rjt_b.png) no-repeat;
width:18px;
height:18px;
vertical-align:middle;
margin-left:10px;
line-height:18px;
margin-bottom:0px;
transition: all linear 0.3s;
display:none
}
.index-about .r a.leranmore:hover span{
background:url(../images/rjt_b.png) no-repeat;
margin-left:15px;
}
.index-about .r a.leranmore:hover{
text-transform:uppercase;
clear:both;
display:block;
margin-top:20px;
/*background:#F08519;*/
border:#F08519 2px solid;
color:#F08519;
transform:translateY(-5px);
-webkit-transform:translateY(-5px);
-moz-transform:translateY(-5px);
-ms-transform:translateY(-5px);
-o-transform:translateY(-5px);
/*margin-left:30px;*/
}
.icon-box1 {
width:60%;
display: flex;
justify-content: space-between;
align-items: center;
margin:0;
margin-top:40px;
margin-bottom:20px;
/*padding: 40px 15px;
border-top: 1px solid rgb(229,229,229);
border-bottom: 1px solid rgb(229,229,229);*/
}
.icon-box1 .icon {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
transition: all .7s;
}
.icon-box1 .icon:hover {
transform: scale(1.1,1.1);
}
.icon-box1 .img {
width: 52px;
height: 40px;
}
/*.icon-box1 .img img {
width: 100%;
height: 100%;
}*/
.icon-box1 .name {
font-size: 16px;
font-family: "MicrosoftYaHeiSemibold";
color: rgb(103, 103, 103);
text-align: center;
font-weight: 500;
margin-top: 20px;
display:none
}
.icon-box1 .img .on{
display:none;
}
.icon-box1 .icon:hover .img .on{
display:block;
}
.icon-box1 .icon:hover .img .off{
display:none;
}
.shuju{
width:100%;
clear:both;
margin-top:20px;
}
.shuju ul{
text-align:left;
font-size:0;
}
.shuju li{
display:inline-block;
font-size:16px;
margin-right:9%;
text-align:center;
color:#918C8C
}
.shuju li:last-child{
margin-right:0;
}
.shuju li span{
font-size:30px;
font-weight:bold;
color:#0851D7;
}
.shuju li sup{
font-size:22px;
font-weight:bold;
color:#0851D7;
top:-6px;
position:relative;
}
#slider{
width:100%;
min-height:340px;
/*height:424px;*/
margin:0 auto;
position:relative;
}
.slider_list li{
position:absolute;
display:none;
width:100%;
}
.slider_list li img{
width:100%;
}
.slider_list li:first-child{
display:block;
}
.slider_icon{
width:100%;
text-align:center;
position:absolute;
z-index:1;
left:0;
bottom:-30px;
font-size:0;
/*padding:4px 8px 4px 8px;*/
height:12px;
border-radius:12px;
/*background-color:hsla(0,0%,100%,.3);*/
}
.slider_icon i{
display:inline-block;
width:12px;
height:12px;
border-radius:50%;
margin:0 5px;
cursor:pointer;
}
.btn{
background:#c0c0c0;
}
.arrow{
display:none;
width:30px;
height:60px;
background-color:rgba(0,0,0,.2);
position:absolute;
top:50%;
margin-top:-20px;
}
.prve{
left:0;
}
.next{
right:0;
}
.arrow span{
display:block;
width:10px;
height:10px;
border-bottom:2px solid #fff;
border-left:2px solid #fff;
}
.slider_left{
margin:25px 0 0 10px;
transform:rotate(45deg);
}
.slider_right{
margin:25px 0 0 5px;
transform:rotate(-135deg);
}
.arrow:hover{
background:#444;
}
#slider:hover .arrow{
display:block;
}
.btn_act{
background:#0046B6;
}
/*******瀹炲姏************************/
.index_bt{ text-align:center; margin-bottom:37px;}
.index_bt .title{ color:#242424; font-size:36px; line-height:40px; margin-bottom:5px;}
.index_bt .nr{ font-size:18px; color:#FFF;}
.index_bt .nr span{ color:#FFF;}
.index_bt.one .title{ color:#fff;}
.index_bt.one .nr{ color:#a7afbd;}
.index_bt.one .js{ color:#bac1cb; font-size:14px; line-height:24px; padding-top:29px;}
.part6{background:url(../images/aboutbg.jpg) top center no-repeat; width:100%; height:758px; padding-top:60px; overflow:hidden}
.part6 .index_about{ clear:both;}
.part6 .index_about ul li{ width:19.2%; float:left; height:470px; background-size:cover; text-align:center; border-radius:5px; margin-right:1%; position:relative;}
.part6 .index_about ul li .xfk{ position:absolute; top:0px;border-radius:5px; width:100%;height:470px;background-color:#123b67;/* IE6鍜岄儴鍒咺E7鍐呮牳鐨勬祻瑙堝櫒(濡俀Q娴忚鍣?涓嬮鑹茶瑕嗙洊 */background-color:rgba(18,59,103,0.7);-webkit-transition-property: background-color;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease;}
.part6 .index_about ul li:hover .xfk{background-color:#123b67;/* IE6鍜岄儴鍒咺E7鍐呮牳鐨勬祻瑙堝櫒(濡俀Q娴忚鍣?涓嬮鑹茶瑕嗙洊 */background-color:rgba(18,59,103,0.55);}
.part6 .index_about ul li:last-child{ margin-right:0px;}
.part6 .index_about ul li .cont{ width:80%; margin:122px auto auto;}
.part6 .index_about ul li .cont .nr{ font-size:16px; color:#fff; line-height:30px;}
.part6 .index_about ul li .cont .bt{ position:relative; font-size:26px;color:#fff; margin-bottom:23px; padding-bottom:20px; line-height:26px;}
.part6 .index_about ul li .cont .bt:after{ position:absolute; content:"\200B"; display:block;width:30px; height:2px; bottom:0px; left:50%; margin-left:-15px; background:#acce39;}
.part6 .index_about ul li:hover .cont .bt:after{background:#fff;}
.part6 .index_about ul li .cont .tb{ margin-bottom:53px; height:65px;}
.part6 .index_about ul li .cont .nr span{ color:#acce39; font-weight:bold;}
.part6 .index_about ul li:hover .cont .nr span{ color:#fff;}
/*******浜у搧************************/
.index-pro{
width:100%;
float:left;
clear:both;
background:url(../images/yingyonglingyu.jpg) no-repeat top center #186DAD;
background-attachment:fixed;
padding:80px 0;
margin-top:50px;
}
.index-pro .icat_title_title h2 {
font-size: 28px;
width: 100%;
height: 30px;
line-height: 30px;
color: #323232;
font-weight: 600;
background: url(../images/ititle_bg2.png) center no-repeat!important;
}
.index-pro h3{
color:rgba(255,255,255,0.5)!important;
/*margin-top:20px;
font-size:30px;
position:relative;
padding-top:20px;
padding-left:30px;*/
}
.index-pro h3 span{
color:#93AAD1;
font-size:22px;
padding-left:15px;
}
.pro-icon{
position:absolute;
background:url(../images/pro-icon.png) no-repeat left;
width:140px;
height:31px;
line-height:100%;
vertical-align:top;
left:0;
top:0;
padding-left:50px;
font-size:14px;
text-transform:uppercase;
color:#88B0E1;
font-weight:normal;
}
.review {
overflow:hidden;
width:100%;
margin:0 auto;
}
.review .con{
margin:0 auto;
position:relative;
width:-moz-calc(90% + 60px);
width:-webkit-calc(90% + 60px);
width: calc(90% + 60px);
max-width: calc(1360px + 60px);
min-width: calc(1200px + 60px);
}
.review .con .list{
width:calc(100% - 60px);
margin:0 auto;
}
.review .con ul { font-size:0;}
.review .con li {
display:inline-block;
vertical-align:top;
width:20%;
box-sizing:border-box;
padding:0;
text-align:center;
padding:30px;
}
.review .con li a {
display:block;
text-align:center;
outline:none;
}
.review .con li a .img{
margin-bottom:20px;
border:#FFF 3px solid;
border-radius:50%;
overflow:hidden;
padding:5px;
overflow:hidden;
-webkit-transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
transition: all .5s;
}
.review .con li:hover a .img{
border:#F08519 3px solid;
box-shadow: rgba(0,0,0,0.5) 0 8px 20px;
transform:translateY(-10px);
}
.review .con li a .img img {
max-width:100%;
display:inline-block;
border-radius:50%;
transition: all linear 0.3s
}
.review .con li:hover img{
-moz-transform:scale(1.2);
-webkit-transform: scale(1.2);
transform:scale(1.2);
}
.review .con li a .txt p { color:#f0f0f0; font-size:15px; line-height:24px; overflow:hidden;}
.review .con li a .txt strong { display:block; margin:10px 0 15px 0; color:#FFF; font-weight:bold; font-size:18px; }
.review .con li a:hover { }
.review .con li a:hover p { color:#FFFFFF; }
.review .con li a:hover strong { color:#FFFFFF; }
.review .con a.prev { position:absolute; left:0px; top:50%; width:30px; height:59px; margin-top:-55px; background:url(../images/arr-pro-big-left.png) no-repeat center center; outline:none}
.review .con a.prev:hover { background-image:url(../images/arr-pro-big-left.png); }
.review .con a.next { position:absolute; right:0px; top:50%; width:30px; height:59px; margin-top:-55px; background:url(../images/arr-pro-big-right.png) no-repeat center center; outline:none}
.review .con a.next:hover { background-image:url(../images/arr-pro-big-right.png); }
/*******宸ョ▼妗堜緥*********************/
.index-project{
clear:both;
width:100%;
float:left;
padding-top:80px;
padding-bottom:80px;
background:#FFF;
}
.index-title{
font-size:30px;
font-weight:bold;
position:relative;
padding-top:15px;
padding-left:45px;
padding-bottom:30px;
color:#000;
border-bottom:#CCC 2px solid;
}
.index-title .tit-icon{
width:150px;
height:31px;
background:url(../images/gc-icon.png) no-repeat left;
font-size:14px;
text-transform:uppercase;
position:absolute;
line-height:100%;
padding-left:60px;
top:0;
left:0;
color:#A5A5A5;
font-weight:normal;
}
a.index-title-more{
float:right;
background:url(../images/morebg.png) no-repeat;
width:67px;
height:26px;
line-height:26px;
color:#FFF;
text-align:center;
font-size:13px;
padding-left:6px
}
a.index-title-more:hover{
background:url(../images/morebg_on.png) no-repeat;
}
.index-project-list ul li{
width:-moz-calc((100% - 70px) / 3);
width:-webkit-calc((100% - 70px) / 3);
width: calc((100% - 70px) / 3);
margin-right:35px;
margin-bottom:25px;
position:relative;
float:left;
border:#f0f0f0 1px solid;
box-shadow: 0 16px 20px -6px rgba(97, 105, 113, 0.2);
transition: all linear 0.3s;
}
.index-project-list ul li:hover{
box-shadow: 0 16px 20px -6px rgba(97, 105, 113, 0.3);
transform:translateY(-10px);
-webkit-transform:translateY(-10px);
-moz-transform:translateY(-10px);
-ms-transform:translateY(-10px);
-o-transform:translateY(-10px);
}
.index-project-list{
margin-top:50px;
}
.index-project-list ul li:last-child,.index-project-list ul li:nth-child(3n){
margin-right:0;
}
.index-project-list ul li .p-img{
position:relative;
width:100%;
overflow:hidden;
}
.index-project-list ul li .p-img img{
width:100%;
transition: all linear 0.3s
}
.index-project-list ul li:hover img{
-moz-transform:scale(1.2);
-webkit-transform: scale(1.2);
transform:scale(1.2);
}
.index-project-list ul li .p-text{
width:100%;
background:#fff;
height:220px;
padding:30px 25px 30px 25px;
}
.index-project-list ul li .p-text .line{
width:30px;
height:4px;
background:#F08519;
}
.index-project-list ul li .p-text h3{
font-weight:600;
margin:10px 0;
font-size:18px;
color:#666;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.index-project-list ul li .p-text h3 a{
color:#666;
}
.index-project-list ul li:hover .p-text h3 a{
color:#F08519;
}
.index-project-list ul li .p-text .dec{
font-size:15px;
line-height:180%;
height:60px;
overflow:hidden;
font-weight:lighter;
color:#666;
}
.index-project-list ul li .date{
position: relative;
width: 100%;
height: 60px;
line-height: 60px;
border-top: 1px solid #e3e3e3;
padding:0;
margin-top:20px;
}
.index-project-list ul li .date span{
transition: 0.5s;
font-size: 14px;
color: #666;
}
.index-project-list ul li .date .more2{
border-bottom: 0;
margin-top: 0px;
color: #878787;
}
.index-project-list ul li .date .more2 a{
border-bottom: 0;
margin-top: 0px;
color: #666;
}
.index-project-list ul li:hover .date .more2 a{
color:#F08519;
}
.index-project-list ul li .date:after {
position: absolute;
display: block;
width: 0;
height: 1px;
background: #F08519;
content: "";
left: 0;
top: -1px;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.index-project-list ul li:hover .date:after{
width: 100%;
}
.index-project-list ul li .p-text a.leranmore{
text-transform:uppercase;
font-size:12px;
clear:both;
display:block;
margin-top:15px;
color:#929292;
float:right;
transition: all linear 0.3s;
margin-right:30px;
}
.index-project-list ul li .p-text a.leranmore span{
display:inline-block;
background:url(../images/more.jpg) no-repeat;
width:18px;
height:18px;
vertical-align:middle;
margin-left:10px;
line-height:18px;
margin-bottom:4px;
}
.index-project-list ul li .p-text a.leranmore:hover,.index-project-list ul li:hover .p-text a.leranmore{
color:#0051DD;
padding-right:10px;
}
/*******瑙e喅鏂规*********************/
.index-solution{
background:#f3f3f3;
clear:both;
width:100%;
float:left;
padding:60px 0;
}
a.index-title-more2{
float:right;
background:url(../images/more2.jpg) no-repeat left;
width:142px;
height:42px;
display:block;
}
a.index-title-more2 span{
display:inline-block;
width:89px;
height:42px;
text-align:center;
line-height:42px;
background:#f0f0f0;
font-size:16px;
margin-left:53px;
transition: all linear 0.3s
}
a.index-title-more2:hover span{
background:#0047BA;
color:#FFF
}
.index-solution-list{
clear:both;
margin-top:40px;
}
.index-solution-list li{
width:-moz-calc((100% - 75px) / 4);
width:-webkit-calc((100% - 75px) / 4);
width: calc((100% - 75px) / 4);
margin-right:25px;
margin-bottom:25px;
position:relative;
float:left;
}
.index-solution-list li .s-img{
width:100%;
position:relative;
overflow:hidden;
}
.index-solution-list li .s-img img{
width:100%;
}
.index-solution-list ul li:last-child,.index-solution-list ul li:nth-child(4n){
margin-right:0;
}
.index-solution-list li .s-text{
background:#FFF;
width:100%;
height:260px;
padding:30px 20px;
overflow:hidden;
line-height:180%;
font-size:14px;
}
.index-solution-list li .s-text p{
color:#999;
}
.index-solution-list li:hover .s-text h3{
color:#0047BA;
}
.index-solution-list li .s-text h3{
color:#424242;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
}
.index-solution-list li:hover .s-text p{
color:#777;
}
.index-solution-list li .s-more{
background:#FFF;
width:100%;
height:60px;
margin-top:1px;
overflow:hidden;
line-height:60px;
font-size:14px;
}
.index-solution-list li .s-more .jiantou-right{
width:30%;
height:100%;
float:left;
border-right:#f0f0f0 1px solid;
background:url(../images/jiantou-right.jpg) no-repeat 20px;
transition: all linear 0.3s
}
.index-solution-list li:hover .s-more .jiantou-right{
background:url(../images/jiantou-right.jpg) no-repeat 30px;
}
.index-solution-list li .s-more .right{
float:left;
width:70%;
padding-left:40px;
text-transform:uppercase;
font-size:12px;
transition: all linear 0.3s
}
.index-solution-list li:hover .s-more .right{
padding-left:30px;
color:#0047BA;
}
/****************鏂伴椈***********************/
.indexnews{
width:100%;
float:left;
clear:both;
padding:80px 0;
}
.indexnews a.index-title-more2 span{
background:#f3f3f3;
}
.indexnews a.index-title-more2:hover span{
background:#0047BA;
color:#FFF
}
.indexnews .topnews{
width:100%;
float:left;
padding-bottom:30px;
border-bottom:#e0e0e0 1px solid;
margin-top:30px;
}
.indexnews .secnews{
width:50%;
float:left;
border-bottom:#CCC 1px dashed;
padding-bottom:20px;
padding-top:20px;
}
.indexnews li:nth-child(2),.indexnews li:nth-child(4),.indexnews li:nth-child(6),.indexnews li:nth-child(8) {
padding-right:20px;
}
.indexnews li:nth-child(3),.indexnews li:nth-child(5),.indexnews li:nth-child(7),.indexnews li:nth-child(9) {
padding-left:20px;
}
.indexnews .secnews span{
float:right;
}
.indexnews .newstext{
width:65%;
padding-right:100px;
float:left;
padding-top:50px;
}
.indexnews .newstext .newsdate{
font-size:18px;
color:#969696;
}
.indexnews .newstext .newsdate span{
color:#F00;
font-style:italic;
}
.indexnews .newstitle{
margin-top:20px;
font-size:24px;
}
.indexnews .newstitle p{
font-size:15px;
color:#999
}
.indexnews .newstitle .changjiantou{
background:url(../images/changjiantou.jpg) no-repeat;
width:40px;
height:9px;
margin-top:20px;
}
.indexnews .newsimg{
float:right;
width:35%;
position:relative;
overflow:hidden;
}
.indexnews .newsimg img{
width:100%;
opacity: 0.9;
transition: all linear 0.5s;
}
.indexnews li:hover .newsimg img
{
-moz-transform:scale(1.1);
-webkit-transform: scale(1.1);
transform:scale(1.1);
opacity: 1
}
/***鐣欒█*****/
.index-contact{
clear:both;
width:100%;
overflow:hidden;
background:#f3f3f3;
padding:80px 0;
}
.subcontact{
border:#f0f0f0 1px solid;
overflow:hidden;
margin-bottom:50px;
background:#FFF;
box-shadow: 0 16px 20px -6px rgba(97, 105, 113, 0.1);
}
.index-contact .w-1300{
/*background:#FFF;*/
overflow:hidden;
/*border:#f0f0f0 1px solid*/
}
.index-contact .cont-left,.subcontact .cont-left{
float:left;
width:calc(100% - 850px);
/*padding-top:50px;
padding-left:40px;
padding-bottom:50px;*/
}
.cont-left li{
width:100%;
float:left;
overflow:hidden;
border-bottom:1px solid #e0e0e0;
margin-bottom:21px;
padding-bottom:21px;
}
.cont-left li i{
float:left;
width:50px;
}
.cont-left li.companyname{
font-size:20px;
font-weight:bold;
border:none;
margin-bottom:20px;
}
.index-contact .cont-right,.subcontact .cont-right{
width:800px;
float:right;
/*padding-bottom:50px;*/
}
.cont-logo{
padding-bottom:60px;
}
.tousu-box { overflow:hidden; width:100%; margin-top:190px}
.tousu-box ul{ overflow:hidden; width:100%; height:340px; margin-bottom:20px;}
.tousu-box li{ float:left; width:calc((100% - 80px) / 2); height:48px; border:1px solid #e0e0e0; margin-left:40px; margin-bottom:20px;}
.tousu-box li:nth-child(2n){
/*margin-right:0;*/
}
.tousu-box li img{ display:block; float:left; border-right:1px solid #e0e0e0;}
.tousu-box li input{ float:left; width:calc(100% - 50px); padding:0 10px; border:none; outline:none; line-height:46px; height:46px; font-size:14px; color:#888; background:#f9f9f9}
.tousu-box li select{ float:left; width:calc(100% - 50px); padding:0 10px; border:none; outline:none; line-height:48px; height:48px; font-size:14px; color:#888; background:#f9f9f9}
.tousu-box .last{ width:calc(100% - 40px); height:198px;}
.tousu-box .last span{ display:block; width:49px; height:198px; background:url(../images/tousu05.png) no-repeat center; border-right:1px solid #e0e0e0; float:left;}
.tousu-box textarea{ overflow:hidden; width:calc(100% - 49px); padding:10px; height:196px; font-size:14px; color:#888; border:none; outline:none; resize:none; display:block; float:left; background:#f9f9f9}
.tousu-box span{ display:block; /*width:240px; */height:50px; text-align:center; line-height:50px; cursor:pointer; background-color:#3e3c3d; font-size:16px; color:#fff; border-radius:5px;}
.send{
background:#1D6BCF;
width:200px;
font-size:18px;
border:0;
color:#FFF;
height:50px ;
line-height:50px;
float:right;
/*margin-right:40px;*/
cursor:pointer;
}
.send:hover{
background:#F08519;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;
}
.middle_7_b_code{
width:calc((100% - 80px) / 2) ;
height:50px;
line-height:50px;
float: left;
padding:0 10px;
border:1px solid #e0e0e0;
background:#f9f9f9;
}
.yzmspan{
width:100px;
height:50px;
background:#EEE;
display:inline-block;
text-align:center;
line-height:50px;
margin-left:10px;
border:#e0e0e0 1px solid;
border-radius:0;
}
#code_img{
width:80px;
height:20px;
/*float:left;
margin:0 10px; */
cursor:pointer;
display:inline-block;
margin-left:10px;
}
/*===============椤佃剼=====================*/
#footer{
background:#FFF;
width:100%;
clear:both;
color:#999;
overflow:hidden;
padding:80px 0 0 0;
}
.footer{
margin:0 auto;
}
.f_nav{
clear:both;
width:100%;
padding-bottom:50px;
overflow:hidden;
}
.f_nav .join{
width:286px;
margin-left:0;
padding:0;
padding-top:50px;
float:right;
padding-left:0;
}
.f_nav .dropdown-dec{
padding: 10px 0px 12px 0px;
border-bottom: 0px solid #e5e5e5;
}
.f_nav a.dropdown-dec:hover,.f_nav li:hover a{
/*color:#FFF!important*/
}
.f_nav .dropdown-dec::before {
content: "";
position: absolute;
width: 0;
height: 0px;
background: #ec1b24;
bottom: -1px;
left: 50%;
transform: translateX(-50%);
transition: ease .5s;
}
.f_nav li{
float:left;
padding-right:80px;
}
.f_nav li:last-child{
padding-right:0;
}
.f_nav li a{
display:block;
font-size:18px;
color:#666;
padding:0 0 0 0;
font-weight:bold;
}
.f_nav li a.yiji{
margin-bottom:20px;
color:#666;
}
.f_nav li .sub{}
.f_nav li .sub em{
display:none!important
}
.f_nav li .sub a{
font-size:15px;
padding:0 0 10px 0;
font-weight:normal;
color:#707070;
}
.f_nav li a.yiji:hover,.f_nav li .sub a:hover,.friendlylink li:hover a,.copyright a:hover{
color:#F08519!important
}
.f_box{
clear:both;
padding-top:20px;
padding-bottom:20px;
margin-top:20px;
position:relative;
border-top:rgba(0,0,0,0.1) 1px solid;
overflow:hidden;
width:100%;
background:#666666;
}
.fjt{
width:200px;
float:left;
padding-top:50px;
}
.copyright{
/*width:850px;*/
width:100%;
float:left;
color:#FFF;
text-align:left;
font-size:15px;
font-weight:300!important;
/*padding-right:20px;*/
}
.copyright a{
color:#FFF;
}
.f_weixin{
float:right!important;
text-align:center;
color:#666;
padding-right:0!important;
}
.f_weixin h3{
font-family:"Helvetica Condensed Bold_0";
color:#000;
font-size:29px;
margin-bottom:20px;
display:block;
text-align:right;
background:url(../images/foottel.png?v=2.0) no-repeat 20px center;
background-size:25px
}
.f_weixin div{
float:left;
margin-left:20px;
}
.f_weixin img{
width:100px;
display:block;
border:#e0e0e0 1px dashed;
}
.friendlylink{
clear:both;
padding-bottom:20px;
color:#ADACAA;
background:#666666;
overflow:hidden;
}
.friendlylink li{
float:left;
margin-right:20px;
color:#ADACAA;
}
.friendlylink li:first-child{
margin-right:0;
}
.friendlylink li a{
color:rgba(255,255,255,0.5);
}
@media (max-width: 1400px){
.f_nav li{ float:left; padding-right:42px;}
.f_nav li a{ font-size:15px;}
.f_nav li .sub a,.copyright, .copyright a{ font-size:14px;}
}
/**********鍐呴〉**********************/
.ins-ban{
width:100%;
height:350px;
position:relative;
overflow:hidden;
clear:both;
vertical-align: middle;
text-align:center;
}
.ins-ban img{
width:100%;
/*display:inline-block;*/
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.gsjj_shicha{
width: 100%;
height: 100%;
/*background: url(../images/gsjj_banner.jpg) no-repeat 50% 0px fixed;*/
position:absolute;
top:0px;
left:0;
z-index: -1;
}
.mask {
position: fixed;
width: 100%;
height: 100%;
background: #000;
opacity: .8;
-moz-opacity: .8;
filter: alpha(opacity=80);
top: 0;
left: 0;
z-index: 1000
}
.modal {
background: #000;
width: 720px;
height: 405px;
position: fixed;
_position: absolute;
display: none;
z-index: 1001;
overflow:hidden;
}
.modal .close {
position: absolute;
top: 15px;
right: 15px;
font-size: 24px;
z-index: 2
}
.modal iframe {
z-index: 1
}
.modal .close a:link,.modal .close a:visited {
color: #666;
text-decoration: none
}
.modal .close a:hover,.modal .close a:active {
color: #333;
text-decoration: none
}
.proNavbox{height:80px;position:relative;margin-bottom:60px; background:#FFF; clear:both; z-index:99}
.proNavbox .proNav{height:80px;box-shadow:0 1px 2px rgba(0,0,0,0.05);border-bottom:1px solid #ededed;color:#333}
.proNavbox .proNav.open:after{content:"";position:absolute;background:url("c_zz.png");width:2000px;height:100000px;top:50px;left:0;z-index:-1;}
.proNavbox .proClass{display:inline-block;position:relative;margin-right:30px}
.proNavbox .proClass .name{position:relative;border:1px solid #eee;width:80px;height:80px;line-height:80px;text-align:center;display:inline-block;background:white;z-index:1;border-top:none;border-bottom:none}
.proNavbox .proClass .name img{width:32px;vertical-align:middle}
.proNavbox .proClass .name span{display:block;text-align:center;font-size:12px;color:#333;position:absolute;bottom:0;left:0;width:100%;line-height:12px;display:none}
.proNavbox .proClass .name .shetou{position:absolute;width:36px;bottom:-9px;left:50%;margin-left:-18px}
.proNavbox .proClass .list{display:none;border:1px solid #eee;background:white;width:260px;padding:15px 10px;position:absolute;top:80px;}
.proNameBox {float:left; line-height:80px;/* padding-top:5px; */font-size:15px;/* font-family:arial; */color:#000; text-transform:capitalize; }
.proNameBox a{color:#000;/* background:#f0f0f0;*/ display:block; float:left; padding:0 5px; margin:0 10px; position:relative;}
.proNameBox a span{position:absolute; bottom:0; width:100%; height:4px; background:#F08519; left:0;opacity:0;}
.proNameBox a:hover{ color:#0047BA;}
.proNameBox a:hover span{opacity:1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.proNameBox a.cur span{opacity:1;}
.proNameBox span,.loca span{ font-family:'瀹嬩綋'; padding:0 5px}
.loca{ float:right; font-size:14px; margin-top:35px; color:#888888; text-transform:capitalize}
.loca a{ color:#888888}
.loca img{ vertical-align:middle; margin-bottom:5px}
.proClass {float:left;}
/******鏂伴椈***************************/
.list_arcticle{
padding-top: 20px;
text-align: center;
padding-bottom:50px;
clear:both;
}
.news_ul{
clear: both;
}
.news_ul li{
float: left;
width:calc((100% - 70px) / 3);
margin-right: 35px;
margin-bottom:30px;
background:#FFF;
border:#f0f0f0 1px solid;
box-shadow: rgba(0,0,0,0.05) 0 8px 20px;
transition: all linear 0.5s;
}
.news_ul li:hover{
box-shadow:0 15px 15px rgba(0,0,0,.15);
transform:translateY(-10px);
-webkit-transform:translateY(-10px);
-moz-transform:translateY(-10px);
-ms-transform:translateY(-10px);
-o-transform:translateY(-10px);
}
.news_ul li:nth-child(3n){
margin-right: 0px;
}
.news_ul li h5{
text-align: left;
font-size: 18px!important;
color: #333;
padding:20px 20px 0 20px;
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
font-weight:normal
}
.news_ul li .main_pic{
width: 100%;
position: relative;
overflow:hidden
}
.news_ul li .main_pic img{
max-width: 100%;
width:100%;
height: 250px;
transition-duration: .5s;
-ms-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
}
.news_bg{
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
opacity: 0.1;
position: absolute;
top: 0;
left: 0;
transition: 0.5s;
}
.news_ul li:hover .news_bg{
opacity: 0;
}
.news_ul li h6{
text-align: left;
font-size: 14px;
color: #999;
margin-top: 15px;
height: 60px;
overflow: hidden;
font-weight:normal;
margin-bottom:10px;
padding:0 20px;
}
.date{
position: relative;
width: 100%;
height: 60px;
line-height: 60px;
border-top: 1px solid #e3e3e3;
padding:0 20px
}
.date span{
transition: 0.5s;
font-size: 14px;
color: #878787;
}
.date .more2{
border-bottom: 0;
margin-top: 0px;
color: #878787;
}
.news_ul li:hover .main_pic img{
-webkit-transform:scale(1.15);
-ms-transform:scale(1.15);
-o-transform:scale(1.15);
transform:scale(1.15);
}
.news_ul li:hover .date .more2,.news_ul li:hover .date .more2 a{
color: #F08519;
padding-right:5px;
}
.news_ul li:hover h5{
color: #F08519;
}
.news_ul li .date:after {
position: absolute;
display: block;
width: 0;
height: 1px;
background: #F08519;
content: "";
left: 0;
top: -1px;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.news_ul li:hover .date:after{
width: 100%;
}
.shownews{
/*width:1000px;*/
margin:0 auto;
/*overflow:hidden;*/
clear:both;
/*margin-top:100px;*/
}
.shownews .l{
float:left;
width:320px;
color:#696969;
font-size:24px;
font-weight:300;
}
.shownews .l span{
display:block;
font-size:14px;
}
.shownews .l h3{
height:80px;
line-height:80px;
background:#072750;
color:#FFF;
text-align:center;
}
.shownews .l ul{
border-left:#e0e0e0 1px solid;
border-right:#e0e0e0 1px solid;
}
.shownews .l ul a{
display:block;
font-size:16px;
background:url(../images/arr-rt-b.png) no-repeat 92% center #FFFF;
border-bottom:#e0e0e0 1px solid;
line-height:60px;
padding-left:20px;
color:#202020;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;
}
.shownews .l ul a:hover{
background:url(../images/arr-rt-w.png) no-repeat 92% center #F08519;
color:#FFF;
}
.shownews .r{
width:calc(100% - 380px);
float:right;
background:#FFF;
padding:40px 40px 0 40px;
border:#f0f0f0 1px solid;
box-shadow: rgba(0,0,0,0.08) 0 8px 20px;
border-radius:3px
}
.shownews .r .tit{
font-size:24px;
overflow:hidden;
font-weight:400;
letter-spacing:2px;
color:#322D2A;
/*margin-bottom:60px;*/
padding-bottom:20px;
}
.shownews .r .newscon{
width:100%;
clear:both;
}
.shownews .r .newscon p{
margin-bottom:20px;
color:#000;
line-height:220%;
font-size:16px;
font-weight:300;
}
.shownews .r .newscon img{
max-width:100%;
/*min-width:960px;*/
margin-bottom:10px;
}
.newsbot{
width:100%;
clear:both;
margin-top:50px;
margin-bottom:100px;
padding-top:10px;
border-top:#cecece 2px solid;
text-align:right;
}
.newsbot a{
display:inline-block;
}
.newsbot a:first-child{
float:left;
width:80px;
height:28px;
background:#072750;
color:#FFF;
text-align:center;
line-height:28px;
margin-top:10px;
}
.newsbot a:first-child:hover{
background:#F08519;
color:#FFF;
}
.newsbot a:hover{
color:#F08519;
}
.newsbot a.close{
margin:0 20px;
}
.share{width: 100%;clear:both; height:30px; margin-bottom:60px;border-bottom:#cecece 1px solid; padding-bottom:10px;}
.share p{float: left;overflow: hidden;}
.share p span{display: block;font-size: 14px;color: #999999;padding: 0 8px;border-left: 1px dotted #b6b6b6;float: left;}
.share p span:first-child{padding-left: 0;border-left: none;}
.share p span #cntrHits{ float:right;}
.share ul{float: right;}
.share li{margin-left: 7px;width: 24px;height: 24px;float: left;}
.share li img{display: block;}
.table-c{
clear:both;
margin-bottom:20px;
overflow:hidden;
}
.table-c table{
border-right:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
}
.table-c table td{
border-left:1px solid #e0e0e0;
border-top:1px solid #e0e0e0;
padding:10px;
}
/******浜у搧璇︽儏***********/
.product{
clear:both;
overflow:;
}
.product .leftsort{
width:280px;
float:left;
}
.product .rightpro{
width:calc(100% - 330px);
float:right;
min-height:600px;
margin-bottom:60px;
background:#FFF;
padding:0 50px 30px 50px;
}
.product .righttitle{
line-height:60px;
border-bottom:#e0e0e0 1px solid;
margin-bottom:30px;
margin-top:20px;
position:relative;
background:url(../images/ico9.png) no-repeat left 20px;
padding-left:35px;
font-size:20px;
color:#666;
}
.product .righttitle span{
display:block;
position:absolute;
width:22px;
height:3px;
background:#F08519;
left:0;
top:59px;
}
.product .protop{
clear:both;
width:100%
}
.product .protop .proimg{
width:400px;
float:left;
}
.product .protop .proimg img{
width:100%;
display:block;
}
.product .protext{
width:calc(100% - 450px);
float:right;
position:relative;
height:400px;
}
.product .protext h4{
font-size:24px;
font-weight:normal
}
.product .protext h5{
font-size:20px;
font-weight:normal;
margin-top:10px;
}
.product .protext .intro{
margin-top:20px;
font-size:15px;
line-height:220%;
color:#666;
border-top:#e9e9e9 1px solid;
border-bottom:#e9e9e9 1px solid;
padding:20px 0;
}
.product .protext .tubiao{
position:absolute;
bottom:0;
}
.product .protext .tubiao a.lianxi{
display:inline-block;
width:140px;
height:40px;
border:#F08519 2px solid;
border-radius:40px;
text-align:left;
line-height:36px;
background:url(../images/right_pic7.png?=2.1) no-repeat 20px 8px;
background-size:23px 20px;
padding-left:55px;
margin-right:20px;
color:#F08519;
}
.product .protext .tubiao a.lianxi:hover{
background:url(../images/right_pic7_on.png?v=2.1) no-repeat 20px 8px;
background-size:23px 20px;
border:#0061AE 2px solid;
color:#0061AE
}
.product .protext .tubiao a.zixun{
display:inline-block;
width:140px;
height:40px;
border:#F08519 2px solid;
border-radius:40px;
text-align:left;
line-height:36px;
background:url(../images/zixun.png?v=2.1) no-repeat 20px 8px;
background-size:23px 20px;
padding-left:55px;
margin-right:20px;
color:#F08519
}
.product .protext .tubiao a.zixun:hover{
background:url(../images/zixun_on.png?v=2.1) no-repeat 20px 8px;
background-size:23px 20px;
border:#0061AE 2px solid;
color:#0061AE
}
.product .canshu{
padding-top:50px;
clear:both;
overflow:hidden;
margin-bottom:50px;
}
.product .side { width:100%; float:left;}
.product .side .tit { background:#123B67; color:#FFFFFF; padding:21px 0px; text-align:center}
.product .side .tit em { display:block; font-size:18px; font-weight:normal; font-family:"Helvetica Condensed Bold_0"}
.product .side .tit strong { display:block; font-size:20px; font-weight:normal; }
.product .side .con { /*background:#cf1c1e; padding:20px;*/ padding-top:0px; }
.product .side .con dt a { display:block; height:50px; line-height:50px; font-size:16px; padding:0 20px; background:url(../images/product_side_dt_ico.png) no-repeat 90% 50% #FFFFFF; margin-top:10px; }
.product .side .con dt a.cur,.product .side .con dt a:hover{background:url(../images/product_side_dt_ico_on.png) no-repeat 90% 50% #0061AE; color:#FFF }
.product .side .con dd { background:url(../images/product_side_dd_dot.png) no-repeat 2% 50%; width:100%; margin:0 }
.product .side .con dd a { display:block; height:49px; line-height:50px; font-size:14px; padding:0 20px; background:url(../images/product_side_dd_ico.png) no-repeat 88% 50% #FFF; color:#424242; border-bottom:1px solid #e0e0e0; }
.product .side .con dd a:hover,.product .side .con dd a.cur{background:url(../images/product_side_dd_ico_on.png) no-repeat 88% 50% #FFF; color:#F08519;}
.product .list {width: 940px;float: left;}
.product .list ul.picture { margin:8px 0 14px 6px; font-size:0; }
.product .list ul.picture li { width:33.33333333%; display:inline-block; box-sizing:border-box; padding:8px 0 8px 16px; position:relative; }
.product .list ul.picture li a { display:block; font-size:16px; box-shadow:1px 5px 20px rgba(0,0,0,0.02); }
.product .list ul.picture li a .img { height:250px; text-align:center; overflow:hidden; background:#FFFFFF; }
.product .list ul.picture li a .img i { display:inline-block; vertical-align:middle; height:100%; }
.product .list ul.picture li a .img img { display:inline-block; vertical-align:middle; max-width:90%; max-height:90%; transform:scale(1.1); transition:all .5s ease; }
.product .list ul.picture li a .txt { background:#c0c0c0;color:#424242; height:50px; line-height:50px; padding:0 20px; transition:all .5s ease; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:15px;}
.product .list ul.picture li a .txt i { float: right; width:20px; height:20px; margin:15px 0; border:1px solid #fff; background:url(../images/cate_arrow.png) no-repeat center center; transition:all .5s ease; }
.product .list ul.picture li a:hover { box-shadow:0 16px 70px rgba(0, 0, 0, 0.1); }
.product .list ul.picture li a:hover .img img { transform:scale(1.3); }
.product .list ul.picture li a:hover .txt { background:#0061AE; color:#FFFFFF; }
.product .list ul.picture li a:hover .txt i { background-image:url(../images/cate_arrow_on.png); border-color:#FFFFFF; }
.canshu table {
font-family: Arial, Helvetica, sans-serif;
border-collapse:collapse;
width: 100%;
}
.canshu table td{
border: 1px solid #ddd;
padding: 15px;
line-height:160%;
}
.canshu table tr:nth-child(odd){background-color: #f2f2f2;}
.BoxSha10 {
box-shadow: rgba(0,0,0,0.1) 0 8px 20px;
}
.hotpro{
clear:both;
/*overflow:hidden;*/
width:100%;
margin-top:50px;
}
.hotpro ul{
padding:10px 0 0px 0
}
.hotpro ul li{
width:calc((100% - 60px) / 3);
float:left;
margin-right:30px;
margin-bottom:30px;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.hotpro ul li:nth-child(3n){
margin-right:0;
}
.hotpro ul li img{
display:block;
width:100%;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.hotpro ul li .hotimg{
position:relative;
overflow:hidden;
}
.hotpro ul li:hover{
position:relative;
overflow:hidden;
box-shadow:0 15px 15px rgba(0,0,0,.15);
transform:translateY(-10px);
-webkit-transform:translateY(-5px);
-moz-transform:translateY(-5px);
-ms-transform:translateY(-5px);
-o-transform:translateY(-5px);
}
.hotpro ul li:hover .hotimg img{
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
-o-transform:scale(1.05);
transform:scale(1.05);
}
.inquire_form .btn{
width:10%;
background:#0061AE;
line-height:40px;
height:40px;
border:0;
color:#FFF;
border-radius:3px;
float:right;
cursor:pointer;
font-size:15px;
letter-spacing:2px;
}
.inquire_form .btn2{
width:10%;
background:#909090;
line-height:40px;
height:40px;
border:0;
color:#FFF;
border-radius:3px;
float:right;
margin-left:20px;
cursor:pointer;
font-size:15px;
letter-spacing:2px;
}
.inquire_form .btn:hover,.inquire_form .btn2:hover{
background:#F08519;
-webkit-transition-property: background-color;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease;
}
.por {
position: relative;
}
.poa {
position: absolute;
}
.dbl {
display: block;
}
.dbi {
display: inline-block;
}
.tec {
text-align: center;
}
.w100 {
width: 100%;
}
.pagination {
margin: 40px auto 80px auto;
clear:both;
float:left;
width:100%;
/*background:#FFF;*/
height:40px;
}
.pagination ul {
width:100%;
display: inline-block;
*display: inline;
margin-bottom: 0;
/*margin-left: 0;*/
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
*zoom: 1;
text-align:center;
/*-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
box-shadow: 0 1px 2px rgba(0,0,0,0.05)*/
}
.pagination ul li {
display: inline-block;
border:#e0e0e0 1px solid;
background:#FFF;
padding:6px 16px;
margin:0 5px
}
.pagination ul li a{
display:block;
}
.pagination ul li.ctxt{
background:#F08300!important;
border:#F08300 1px solid;
color:#FFF;
}
.pagination ul li.ctxt a{
color:#FFF;
}
.pagination a.active {
display:block;
color: #fff;
background-color: #F08519;
width:100%;
}
.pagination ul li:hover{
border:#F08300 1px solid;
color:#F08300
}
.pagination ul li:hover a{
color:#F08300
}
.pagination ul li.ctxt:hover{
color:#FFF!important
}
.list_case{
width: 100%;
padding-top:0px;
}
.case_ul{
clear: both;
text-align: left;
margin-top:20px;
margin:0 auto
}
.case_div{
width: 100%;
height: 60px;
/*background:#fff url(../images/case_xian.png) no-repeat; background-position: 81% 17px;*/
}
.case_ul li{
width:calc((100% - 90px) / 4);
margin-right:30px;
margin-bottom: 2%;
display: inline-block;
overflow:hidden;
text-align:center;
border:#f0f0f0 1px solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius:0px;
-webkit-box-shadow:0 15px 15px rgba(0,0,0,.1);
box-shadow:0 15px 15px rgba(0,0,0,.1);
background:#FFF;
transition: all linear 0.3s;
}
.case_ul li:nth-child(4n){
margin-right:0;
}
.case_ul li:hover{
transform:translateY(-10px);
-webkit-transform:translateY(-10px);
-moz-transform:translateY(-10px);
-ms-transform:translateY(-10px);
-o-transform:translateY(-10px);
-webkit-box-shadow:0 15px 15px rgba(0,0,0,.2);
box-shadow:0 15px 15px rgba(0,0,0,.2);
}
.case_ul li .list-wrap{ width: 100%; }
.case_ul li .main_pic{
overflow:hidden;
/*padding:10px 0;*/
}
.case_ul li .main_pic img{
display:block;
width:100%;
transition: all linear 0.3s;
}
.case_ul li:hover .main_pic img{
-moz-transform:scale(1.0);
-webkit-transform: scale(1.0);
transform:scale(1.0);
}
.case_div{
border-top:#f0f0f0 1px solid;
overflow:hidden;
}
.case_div h5{
overflow: hidden;
width:70%;
line-height:60px;
transition: 0.5s;
font-size: 16px;
color: #424242;
text-align:left;
font-weight:400;
padding-left:20px;
}
.case_ul li:hover h5{
padding-left:40px;
}
.case_ul li a h5{
color:#424242
}
.case_ul li:hover a h5{
color:#F08300
}
.case_div h5 span{
font-size: 14px;
color: #999;
display: block;
line-height:160%;
overflow: hidden;
}
.jiantou{
float:left;
width: 30%;
border-right:#f0f0f0 1px solid;
height: 60px;
background: url(../images/jiantou-right.jpg) no-repeat 20px center;
transition: 0.5s;
}
.case_ul li:hover .jiantou{
background: url(../images/jiantou-right.jpg) no-repeat 28px center;
}
.case_ul li:hover h5{ color:#000}
.zkxx_main3 .case_ul li{ float: left; display: block; }
.case_ul .shuiyin,.bigImg .shuiyin,.imgteaser .shuiyin{
position:absolute;
width:100%;
height:100%;
z-index:99999;
top:0;
left:0;
}
.case_ul .shuiyin img,.bigImg .shuiyin img,.imgteaser .shuiyin img{
width:100%
}
.list-wrap{display: block; width: 100%; height: 100%; position: relative; transition: all 0.3s ease 0.1s; }
.list-wrap .up-graybox{ width: 100%; height: 100%; opacity: 0; transition: all 0.4s ease 0s; position: absolute; top: 0; left: 0; }
.list-wrap .up-graybox .bgbox{ display: block;
width: 100%;
height: 100%; background: rgba(0,0,0,0.6);}
.list-wrap:hover .up-graybox{ opacity: 1; }
.list-wrap .up-graybox .stit{ font-size: 16px;
line-height: 30px;
width: 100%;
text-align: center;
position: absolute;
left: 0;
top: 50%;
margin-top: -15px;
color: #fff; }
.list-wrap .up-graybox .linet {
top: 0;
}
.list-wrap .up-graybox .lineb {
bottom: 0;
}
.list-wrap .up-graybox .line {
display: inline-block;
width: 100px;
height: 1px;
background-color: #f2f2f2;
position: absolute;
left: 50%;
margin-left: -50px;
transition: all 0.6s ease 0s;
}
.list-wrap .up-graybox:hover .line {
width: 6px;
margin-left: -3px;
opacity: 0.6;
filter: alpha(opacity=60);
}
.about_list_1{
z-index:99;
padding:50px 0 0px 0;
clear:both;
margin:0px auto
}
.about_list_1 ul li p{
color:#8C8C8C;
text-align:center;
font-size:14px;
}
.about_list_1 ul li:hover p{
color:#000
}
.about_list_1 ul{
/*width:1200px;height:340px;*/
overflow:hidden;
text-align:center;
margin:0 auto;
font-size:0;
width:90%;
}
.about_list_1 li{
display:inline-block;
*display:inline;
*zoom:1;
overflow:hidden;
/*padding:0 10px;*/
width:-moz-calc(100% / 8);
width:-webkit-calc(100% / 8);
width: calc(100% / 8);
text-align:center;
}
.about_list_1.po li{
display:inline-block;
*display:inline;
*zoom:1;
overflow:hidden;
/*padding:0 10px;*/
width:-moz-calc(100% / 9);
width:-webkit-calc(100% / 9);
width: calc(100% / 9);
text-align:center;
}
.about_list_1 li a{
width:101px;
height:101px;
text-align:center;
font-size:16px;
color:#fff;
position:relative;
display:block;
border: 1px solid #938F8E;
border-radius:100%;
margin:0 auto;
vertical-align:bottom;
line-height:68px;
}
.about_list_1 li a img{
max-width:100%;
box-sizing: border-box;
display:inline-block;
vertical-align:bottom;
margin:0 0 10px 0;
}
.about_list_1 li:hover a img{
animation: swing 1s 0s linear normal;
-webkit-animation: swing 1s 0s linear normal;
}
.about_list_1 ul li h3{
color:#938F8E;
font-weight:300;
font-size:14px;
line-height:100%;
border:0
}
.about_list_1 ul li:hover h3{
color:#CDB06C;
}
.mbt60{
margin-bottom:60px;
padding-top:60px!important
}
.about_list_1.po li:hover a,.about_list_1.po li.cur a{
border:#666 1px solid;
}
.about_list_1.po ul li h3{
/*color:#666;
font-weight:300;
font-size:14px;
line-height:100%;
border:0;*/
margin-top:10px;
font-weight:normal;
}
.about_list_1.po ul li:hover h3,.about_list_1.po ul li.cur h3{
color:#CDB06C;
}
/**********璇佷功***/
.kdtccon{height:auto;margin: 0px auto;}
.kdtccon li {
float:left;
width:calc((100% - 90px) / 4);
/*height:284px;*/
margin-right:30px;
border:1px solid #e8eae9;
margin-bottom:30px;
box-shadow:0 0 10px 1px #e8eae9;
background:#fff;
/* padding-bottom:10px; */
text-align:center;
font-size:14px;
display:list-item;
color:#333;
line-height:45px;
overflow:hidden
}
.kdtccon li:nth-of-type(4n + 0){
margin-right: 0;
}
.kdtccon .imgb{width:100%;/*height:284px;*/overflow:hidden;margin: 0px auto; text-align:center; }
.kdtccon .imgb img{width:100%;/*height:284px;*/ display:block;}
.kdtccon .imgb img{transition:all ease .5s;}
.kdtccon li:hover img {transform:scale(1.05);}
.kdtccon li span{ padding:0px 10px 0px 10px; height:50px;line-height:50px; overflow:hidden; display:inline-table; display:none}
.kdtcmore{width:150px;height:45px;line-height:45px;margin: 0px auto; background:#ef8201; border-radius: 10px; text-align:center; margin-bottom:20px; display:none}
.kdtcmore a{color:#fff; font-size:14px;}
.kdtcmorer{width:100%;margin-bottom:20px; margin-top:10px; border-top:#f0f0f0 1px solid; padding-top:20px; text-align:left; padding-left:20px; background:url(../images/case_jt.png) no-repeat 90% 40px;}
.kdtccon li:hover .kdtcmorer{
background:url(../images/case_jt_on.png) no-repeat 90% 40px
}
.kdtcmorer h2{font-size:16px; font-weight:normal;}
.kdtcmoreb{width:200px;height:45px;line-height:45px; background:#ef8201; border-radius: 10px; text-align:center; margin-bottom:20px;}
.kdtcmoreb a{color:#fff; font-size:14px; display:inherit}
/*******浜у搧浜岀骇绫诲埆****************/
.sortlist2{
width:100%;
height:40px;
line-height:40px;
background:#f0f0f0;
padding-left:20px;
margin-bottom:40px;
border-radius:30px;
border:#e0e0e0 1px solid;
}
.sortlist2 li{
float:left;
position:relative;
}
.sortlist2 li:after
{
content:" ";
width:1px;
height:10px;
background:#CCC;
position:absolute;
right:25px;
top:15px;
}
.sortlist2 li:last-child:after{
content:" ";
width:1px;
height:10px;
background:#f0f0f0;
position:absolute;
right:25px;
top:15px;
}
.sortlist2 li a{
display:block;
margin-right:50px;
font-size:15px;
color:#424242;
}
.sortlist2 li a.cur,.sortlist2 li:hover a{
color:#F08300;
font-weight:bold;
}
/*****浜у搧璇︽儏*****************/
.silder-box{position:relative;margin:0px auto;}
.silderp{margin:0 auto 0 auto;}
.silderp li{width:86px;height:86px;}
.silderp li img{width:100%;height:100%;}
.silder-button{/*top:173px;*/width:88px;height:25px;position:absolute;cursor:pointer;}
.silder-button.btl{top:0;background:url(../images/bl.png) top center no-repeat;}
.silder-button.btr{bottom:0;background:url(../images/br.png) bottom center no-repeat;}
.silder-box-1{width:1000px;}
.silder-box-2{width:88px;}
.silder-box-2 .silderp li {width:88px;height:88px;padding:0; margin-bottom:10px}
.silder-box-3{width:1000px;}
.indexcontact{
clear:both;
width:100%;
height:439px;
}
.indexcontact ul li.left{
width:50%;
float:left;
}
.indexcontact ul li.left h3{
font-size:20px;
font-weight:normal;
border-bottom:#FDD100 3px solid;
position:relative;
padding-bottom:10px;
width:290px;
color:#2F2725;
text-transform:uppercase;
}
.indexcontact ul li.left h3 span{
height:8px;
width:90px;
background:#FDD100;
position:absolute;
bottom:-5px;
border-radius:5px;
}
.indexcontact ul li.left h3 i{
font-style:normal;
font-family:arial;
font-size:50px;
color:#E70012;
font-weight:600;
letter-spacing:1.5px;
}
.indexcontact ul li.left .inqu{
color:#2F2725;
font-size:18px;
margin-top:20px;
font-weight:bold;
line-height:150%;
}
.indexcontact ul li.left .add{
color:#2F2725;
font-size:16px;
margin-top:20px;
line-height:180%;
font-weight:500
}
.indexcontact ul li.right{
float:right;
width:50%;
}
.indexcontact ul li.right .form-group{
width:50%;
float:left;
padding-left:15px;
}
.indexcontact ul li.right .form-control{
border:#A1A1A1 1px solid;
border-radius:2px
}
.has-feedback{ padding-left:15px}
.indexcontact ul li.right .btn{
width:100%
}
input::-webkit-input-placeholder{
color:#999;
}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */
color:#999;
}
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
color:#999;
}
input:-ms-input-placeholder{ /* Internet Explorer 10-11 */
color:#999;
}
textarea::-webkit-input-placeholder{
color:#999;
}
textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */
color:#999;
}
textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
color:#999;
}
textarea:-ms-input-placeholder{ /* Internet Explorer 10-11 */
color:#999;
}
.form-control{
color:#2F2725;
}
.form-control{
border:0;
border:#DCDCDC 1px solid;
width: 100%;
border-radius: 0px;
background-color: rgba(0, 0, 0, 0);
margin-bottom:20px;
padding:16px 20px 16px 20px;
font-family:arial;
font-size:15px;
color:#666;
}
.form-group{
width:50%;
float:left;
padding-left:0px;
}
.form-control.input1{
background:url(../images/proDetailsLy_icon01.png) no-repeat 96% center;
}
.form-control.input2{
background:url(../images/proDetailsLy_icon02.png) no-repeat 96% center;
}
.form-control.input3{
background:url(../images/proDetailsLy_icon03.png) no-repeat 96% center;
}
.form-control.input4{
background:url(../images/proDetailsLy_icon04.png) no-repeat 96% center;
}
.form-control.input5{
background:url(../images/proDetailsLy_icon05.png) no-repeat 98% 20px;
}
.goods-detail{
width:100%;
clear:both;
float:left;
}
.goods-detail .goods-detail-info{
padding-top:40px;
}
.goods-detail .goods-pic-box,.goods-detail .goods-info-box{
min-height:550px;
_height:550px
}
.goods-detail .goods-pic-box{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
position:relative;
text-align:center;
}
.goods-detail .goods-big-pic{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
height:482px;
width:482px;
left:0px;
position:absolute;
top:0px;
z-index:1;
cursor:-webkit-zoom-in;
cursor:zoom-in;
border:#e0e0e0 0px solid;
box-shadow:0 15px 15px rgba(0,0,0,.1);
}
.goods-detail .goods-big-pic img{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
width:482px;
height:482px;
}
.goods-detail .goods-pic-loading{
width:20px;
height:20px;
position:absolute;
z-index:5;
top:255px;
left:410px;
}
.goods-detail .goods-detail-left-info{
/*position:relative;overflow:hidden;*/
_zoom:1;
float:left;
width:580px;
}
.goods-detail .goods-info-rightbox{
position:relative;
float:right;
width:-moz-calc(100% - 580px);
width:-webkit-calc(100% - 580px);
width: calc(100% - 580px);
}
.goods-detail .goods-small-pic{
position:absolute;
left:0px;
top:0px;
display:none
}
.goods-detail .goods-small-pic li{
height:85px;
cursor:pointer;
zoom:1;/*padding:4px;*/
border:1px solid #e0e0e0;
margin-bottom:14px;
-webkit-transition:border-color .4s ease-out;
transition:border-color .4s ease-out
}
.goods-detail .goods-small-pic li img{width:80px;height:80px; margin-top:2px}
.goods-detail .goods-small-pic li:hover{border-color:#b0b0b0}
.goods-detail .goods-small-pic li.current{cursor:default;border-color:#E70012}
.goods-detail .goods-small-pic li.current:hover{border-color:#FF3300}
.goods-detail .goods-info-head .goods-name{
color:#333;
font-weight: bold;
margin:0;
padding:0;
line-height:160%;
font-size:18px
}
.goods-detail .goods-info-head .goods-subtitle{margin-top:7px}
.goods-detail .goods-info-head .goods-subtitle p{color:#616161;font-size:14px;line-height:23px}
.goods-detail .goods-info-head .goods-info-head-price{margin-top:20px;/*height:66px;line-height:66px;*/border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;color:#000000;font-size:12px; padding:10px 0; font-weight:normal; color:#666; font-family:'寰蒋闆呴粦'; line-height:180%}
.goods-detail .goods-info-head .goods-info-head-cart .goods-add-cart-btn,.goods-detail .goods-info-head .goods-info-head-cart .goods-over-btn{width:220px;height:48px;line-height:48px;font-size:16px;display:block;float:left;text-align:center}
.goods-detail .goods-info-head .goods-info-head-cart .goods-collect-btn{height:48px;width:140px;display:block;float:left;text-align:center;margin-left:10px;line-height:48px}
.full-screen-border{height:0px;border-top:1px solid #e0e0e0}
.goods-detail-desc{
text-align:center;
}
.pro_det_b{
overflow: hidden;
clear:both;
}
.pro_det_b_bars_box{
min-height: 60px;
}
.pro_det_b_bars{
position: relative;
z-index:98;
width: 100%;
background:#004EA2;
}
.pro_det_b_bars_l{
width:100%;
display:flex;
display: -webkit-flex;
justify-content: left;
-webkit-justify-content: left;
align-items:left;
-webkit-align-items: left;
}
.pro_det_b_bars_l .item{
line-height: 60px;
padding: 0 30px;
color: #FFF;
font-size: 16px;
cursor: pointer;
text-transform:capitalize;
font-weight:bold;
}
.pro_det_b_bars_l .item.hover{
/*border-bottom: 2px solid #FE0303;*/
background:#F08300;
color:#FFF;
-webkit-transition-property: background-color;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease;
}
.pro_det_b_bars_l .item.hover:hover{
color:#000
}
.pro_det_b_bars_l .item:hover{
color:#FFF;
}
.pro_det_b_tabs_clm{
padding: 4% 0;
}
/*.pro_det_b_tabs_clm br{
display:none;
}*/
.title3{
font-size: 40px;
font-family: "pangmenzhengdao";
margin-bottom: 3%;
font-weight:lighter;
}
.pro_det_b_feat_list{
display:flex;
display: -webkit-flex;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
}
.pro_det_b_feat_list dd:first-child,.pro_det_b_feat_list dd:nth-child(3),.pro_det_b_feat_list dd:nth-child(5),.pro_det_b_feat_list dd:nth-child(6),.pro_det_b_feat_list dd:nth-child(8),.pro_det_b_feat_list dd:nth-child(10){
padding-left:0
}
.pro_det_b_feat_list dd:last-child{
padding-right:0
}
.pro_det_b_feat_list dd{
width: 50%;
padding: 0 2%;
position: relative;
margin-bottom: 20px;
}
.pro_det_b_feat_list dd:last-child:after,.pro_det_b_feat_list dd:nth-child(2):after{
display: none;
}
.pro_det_b_feat_list dd:after{
content: "";
display: block;
position: absolute;
right: 0;
top: 2%;
width: 0px;
height:210px;
background: #ddd;
}
.pro_det_b_feat_list_tt{
display:flex;
display: -webkit-flex;
padding-bottom: 10px;
}
.opt{
margin-bottom:20px;
font-size:24px;
clear:both;
width:100%;
margin:40px 0 20px 0;
border-top:#e0e0e0 1px solid;
padding-top:40px;
}
.ft li{
list-style-type:disc;
list-style-position: outside;
font-size:22px;
margin-left:24px;
}
.ft li span{
font-size:16px;
}
/*.ft li:before {
content: "";
display: inline-block;
width: 8px;
height: 8px;
background-color: #000;
border-radius: 50%;
margin-right:20px;
}*/
.pro_det_b_feat_list_tt .num{
width: 22px;
height: 22px;
font-size: 14px;
text-align: center;
line-height: 22px;
border-radius: 22px;
text-align: center;
color: #fff;
background:url(../images/xmu.png) no-repeat center center;
background-size:cover;
text-indent:-99999999px;
}
.pro_det_b_feat_list_tt .tt{
width: calc(100% - 20px);
padding-left: 8px;
line-height: 20px;
color: #1F1F1F;
font-size: 20px;
font-weight: bold;
}
.pro_det_b_feat_list_text{
font-size: 14px;
line-height: 24px;
color: #000;
}
.pro_det_b_feat_list_pic a{
display:block;
position:relative;
width:100%;
height:100%;
}
.pro_det_b_feat_list_pic .icon{
position:absolute;
left:50%;
top:50%;
width:50px;
height:50px;
margin:-25px 0 0 -25px;
line-height:50px;
font-size:50px;
color:#0cb0bf;
text-align:center;
background:rgba(255,255,255,.8);
border-radius:50px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.pro_det_b_feat_list_pic img{
max-width: 100%;
}
.pro_det_b_tabs_clm_list{
display:flex;
display: -ms-flexbox;
display: -webkit-flex;
flex-wrap:wrap;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
}
.pro_det_b_tabs_clm_item{
width: 25%;
padding: 0 10px;
margin-bottom: 20px;
}
.pro_det_b_tabs_clm_item a{
display: block;
}
.pro_det_b_tabs_clm_item .pic{
overflow: hidden;
position: relative;
}
.pro_det_b_tabs_clm_item .pic iframe{
position: absolute;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
border: 0;
}
.pro_det_b_tabs_clm_item .pic img{
display: block;
width: 100%;
}
.pro_det_b_tabs_clm_item .tt{
text-align: center;
font-size: 16px;
color: #444;
padding: 12px 0 15px;
}
.pro_det_b_tabs_clm_item a:hover{
transform: translateY(-3px);
-webkit-transform: translateY(-3px);
}
.pro_det_b_tabs_pram{
/* display:flex;
display: -webkit-flex;
justify-content:space-between;
-webkit-justify-content: space-between;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;*/
}
.pro_det_b_tabs_pram_table{
width: 80%;
max-width: 1000px;
min-width: 320px;
background: #fff;
margin-bottom: 20px;
margin-left:auto;
margin-right:auto;
}
.pro_det_b_tabs_pram_table tr td{
border: 1px solid #687B99;
padding: 5px 15px;
line-height: 22px;
color: #000;
font-size: 14px;
}
.pro_det_b_tabs_pram_table tr td:first-child{
color: #fff;
background: #7687A0;
}
.det tr td{
padding: 5px 15px;
}
.det tr td:first-child{
padding-left:0;
}
.det tr td:last-child{
padding-right:0;
}
.det tr td img{
display:block;
}
.pro_det_b_tabs_down_bars{
display:flex;
display: -webkit-flex;
justify-content: center;
-webkit-justify-content: center;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
}
.pro_det_b_tabs_down_bars_clm{
width: 100%;
max-width: 300px;
margin: 0 15px 15px;
}
.pro_det_b_tabs_down_bars_clm_tt{
font-size: 16px;
color: #1f1f1f;
padding-bottom: 15px;
}
.pro_det_b_tabs_down_bars_clm_select{
display: block;
width: 100%;
height: 44px;
font-size: 14px;
padding-left: 18px;
background: #eff1f4;
border:none;
color: #666;
}
.support_box1_down_bars select{
height: 44px;
font-size: 14px;
padding-left: 18px;
background: #eff1f4;
border:none;
color: #666;
width:250px !important;
margin:0 15px 15px;
}
.pro_det_b_tabs_down_list{
display:flex;
display: -ms-flexbox;
display: -webkit-flex;
justify-content: center;
-ms-justify-content: center;
-webkit-justify-content: center;
flex-wrap:wrap;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
padding:2% 0 0 0;
}
.pro_det_b_tabs_down_list dd{
width: 18%;
margin: 0 1% 20px;
border: 1px solid #e5e5e5;
transition: all 0.5s;
-webkit-transition: all 0.5s;
background:#f6f6f6;
box-shadow: rgba(0,0,0,0.03) 0 8px 20px;
}
.pro_det_b_tabs_down_list dd a{
padding:10%;
display:flex;
display: -webkit-flex;
justify-content: center;
-webkit-justify-content: center;
flex-direction: column;
-webkit-flex-direction: column;
}
.pro_det_b_tabs_down_list dd .con{
margin-bottom: 30px;
text-align:left;
}
.pro_det_b_tabs_down_list dd .con .tt{
color: #1f1f1f;
font-size: 22px;
}
.pro_det_b_tabs_down_list dd .cin .tt2{
color: #999;
}
.pro_det_b_tabs_down_list dd .pic{
overflow: hidden;
}
.pro_det_b_tabs_down_list dd .pic .pdf_size{
color: #999;
margin-bottom: 12px;
}
.pro_det_b_tabs_down_list dd .pic img{
display: block;
max-width:100%;
}
.pro_det_b_tabs_down_list dd:hover{
border: 1px solid #e0e0e0;
transition: all 0.5s;
-webkit-transition: all 0.5s;
background:#FFF;
box-shadow: rgba(0,0,0,0.1) 0 8px 20px;
transform:translateY(-2px);
}
.pro_det_b_tabs_goes{
position: relative;
}
.pro_det_b_tabs_goes_item{
background: #fff;
padding: 3%;
text-align: center;
}
.pro_det_b_tabs_goes_item .pic{
display: block;
overflow: hidden;
padding: 10px 0;
}
.pro_det_b_tabs_goes_item .pic img{
display: block;
width: auto;
max-width: 100%;
margin: 0 auto 15px;
}
.pro_det_b_tabs_goes_item .con .tt1{
font-size: 32px;
color:#1f1f1f;
font-weight: bold;
}
.pro_det_b_tabs_goes_item .con .tt2{
font-size: 14px;
padding: 12px 0 18px;
}
.pro_comparison2{
color: #aaaaaa;
font-size: 14px;
display:flex;
display: -webkit-flex;
justify-content: center;
-webkit-justify-content: center;
align-items:center;
-webkit-align-items: center;
margin-bottom: 20px;
}
.pro_comparison2:before{
content: "";
display: inline-block;
width: 10px;
height: 10px;
border-radius: 10px;
border:2px solid #d2d2d2;
margin-right: 6px;
}
.pro_det_b_tabs_goes_scroll_prev,.pro_det_b_tabs_goes_scroll_next{
position: absolute;
left: -80px;
top:50%;
width: 60px;
height: 60px;
font-size:60px;
color: #cbcdd0;
margin-top: -30px;
cursor: pointer;
}
.pro_det_b_tabs_goes_scroll_next{
left: auto;
right: -80px;
transform: rotateZ(180deg);
-webkit-transform: rotateZ(180deg);
}
/***鍥剧墖鍒楄〃************/
.imgteaser{
overflow:auto;
float: left;
position: relative;
width:-moz-calc((100% - 50px) / 3);
width:-webkit-calc((100% - 50px) / 3);
width: calc((100% - 50px) / 3);
/*height:240px;*/
margin:0 25px 50px 0;
text-align:center;
box-sizing: border-box;
transition: all linear 0.3s;
}
.certli{
overflow:auto;
float: left;
position: relative;
width:-moz-calc((100% - 105px) / 4)!important;
width:-webkit-calc((100% - 105px) / 4)!important;
width: calc((100% - 105px) / 4)!important;
/*height:240px;*/
margin:0 35px 50px 0;
text-align:center;
box-sizing: border-box;
transition: all linear 0.3s;
}
.clst{ margin-right:0}
.imgteaser a{
text-decoration: none;
float: left; /* height:200px; */
display:block;
width:100%
}
.imgteaser a .pcc{ position:relative; overflow:hidden}
.imgteaser a:hover{cursor:pointer}
.imgteaser .mpc{
position:relative;
overflow:hidden;
}
.imgteaser a .mpc img{
float:left;
border: none;
width:100%;
/*height:200px;*/
transition-duration: .5s;
-ms-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;}
.imgteaser a .mpc:hover img{
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
-webkit-transform: scale(1.1);
}
.CC{
clear:both;
background:#FFF;
width:100%;
height:60px;
line-height:60px;
-webkit-transition-property: background-color;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease;
font-size:16px;}
.imgteaser a:hover .CC{ background:#004EA2;color:#FFF;line-height:60px;}
.imgteaser:hover{box-shadow: rgba(0,0,0,0.2) 0 8px 20px; transform:translateY(-2px);}
.mtop60{ margin-top:60px; clear:both;}
/*****鍦ㄧ嚎瀹㈡湇************/
.ycxzx {
position:fixed;
right:10px;
top:50%;
z-index:99999999;
margin-top:-148px;
width:51px;
}
.ycxzx i{
width:51px;
height:51px;
background-position:center;
display:block;
-webkit-border-radius: 100%;
border-radius:100%;
border:#ebebeb 1px solid;
-webkit-transition-property: background-color;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease;
}
.ycxzx .kf:hover i.tel,.ycxzx .kf:hover i.qq{
-webkit-border-radius: 50px;
border-radius: 50px;
/*border-top-left-radius:0;
border-top-right-radius:4px;
border-bottom-right-radius:4px;
border-bottom-left-radius:0;*/
}
.ycxzx i.weixin{
background:url(../images/right_pic2.png?v=2.0) no-repeat center center #FFF;
}
.ycxzx i.weixin:hover{
background:url(../images/right_pic2_on.png?v=2.0) no-repeat center center #F08300;
}
.ycxzx i.qq{
background:url(../images/right_pic5.png?v=2.0) no-repeat center center #FFF;
}
.ycxzx i.qq:hover{
background:url(../images/right_pic5_on.png?v=2.0) no-repeat center center #F08300;
}
.ycxzx i.tel{
background:url(../images/right_pic1.png?v=2.0) no-repeat center center #FFF;
}
.ycxzx i.tel:hover{
background:url(../images/right_pic1_on.png?v=2.0) no-repeat center center #F08300;
}
.ycxzx i.yuyue{
background:url(../images/right_pic3.png?v=2.0) no-repeat center center #FFF;
}
.ycxzx i.yuyue:hover{
background:url(../images/right_pic3_on.png?v=2.0) no-repeat center center #F08300;
}
.ycxzx i.top{
background:url(../images/right_pic6.png?v=2.0) no-repeat center center #FFF;
}
.ycxzx i.top:hover{
background:url(../images/right_pic6_on.png?v=2.0) no-repeat center center #F08519;
}
.ycxzx i:hover,.ycxzx .kf:hover i{
/*border-top-right-radius:4px;
border-bottom-right-radius:4px;*/
}
.woshwap {overflow:hidden}
.loading {position:fixed;z-index:999;top:0;left:0;width:100%;height:100%}
.doyoo_f_chat {right:65px!important;z-index:23!important}
.doyoo_f_frame {display:none!important}
.doyoo_pan_icon,.doyoo_panel_mobile {z-index:24!important}
.ycxzx dd {padding-bottom:5px}
.ycxzx a img {width:100%}
.ycxzx dd a img.ydg {display:none}
.ycxzx dd a:hover img {display:none}
.ycxzx dd a:hover img.ydg {display:block}
.ycxzx .kf {display:block;position:relative}
.ycxzx .kf .ewms {position:absolute;right:100%;top:0;border:1px solid #eee;width:140px;display:none;border-radius:4px}
.ycxzx .kf:hover .ewms {display:block}
.ycxzx .kf .dh {
position:absolute;
right:1;
margin-right:0px;
line-height:51px;
top:0;
font-size:20px;
width:0px;
height:51px;
text-align:center;
/*display:none;*/
background:#F08519;
background-color:#F08519;
border-radius:50px;
-webkit-transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
transition: all .5s;
opacity:0;
overflow:hidden;
font-family:"Helvetica Condensed Bold_0"
}
.ycxzx .kf:hover .dh {
/*display:block;*/
color:#fff;
opacity:1;
width:220px;
right:1px;
}
.ycxzx .kf:hover .dh a{
color:#FFF
}
.ycxzx .kf:hover .dh.nonebg{
width:130px;
height:150px;
background:#F08300;
text-align:center;
font-size:14px;
line-height:100%;
right:110%;
border-radius:4px;
}
.ycxzx .kf:hover .dh.nonebg img{
width:80%;
margin-top:10%;
margin-bottom:10px
}
.ycxzx .dd3 .kf .dh{
background:url(../images/right_pic1_on.png?v=2.0) no-repeat 30px #F08519;
padding-left:30px;
}
.ycxzx .dd2 .kf .dh{
background:url(../images/right_pic5_on.png?v=2.0) no-repeat 30px #F08519;
padding-left:30px;
}
.ycxzx .dd3 .kf .dh.code{
padding-left:0px;
}
/********************************************************************************************************2023-2-23**************************************************/
.newdata{
clear:both;
width:100%;
overflow:hidden;
background:url(../images/font.png?v=2.0) no-repeat center center #f3f3f3;
padding:80px 0;
}
.companydata{
clear:both;
width:100%;
}
.companydata li{
float:left;
margin-right:50px;
width:-moz-calc((100% - 200px) / 5);
width:-webkit-calc((100% - 200px) / 5);
width: calc((100% - 200px) / 5);
}
.companydata li:last-child{
margin-right:0;
}
.companydata li div.npc{
margin:0 auto 20px auto;
width:106px;
overflow:hidden;
border-radius:50%;
-webkit-transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
transition: all .5s;
}
.companydata li:hover div.npc{
transform:translateY(-5px);
box-shadow: rgba(0,0,0,0.2) 0 8px 20px;
}
.companydata li div.npc img.px2{
opacity:0;
display:none;
}
.companydata li:hover div.npc img.px1{
opacity:0;
display:none;
}
.companydata li:hover div.npc img.px2{
opacity:1;
display:block;
}
.companydata li p.num{
font-size:18px;
font-family:arial;
font-weight:600;
text-align:center;
padding-bottom:0px;
margin-bottom:4px;
color:#808080
}
.companydata li p.num i{
display:block;
font-size:26px;
margin-bottom:15px;
font-family:"Helvetica Condensed Bold_0";
font-style:normal;
}
.companydata li p.num i em{
font-family:"寰蒋闆呴粦"!important;
font-size:15px;
margin-left:5px;
display:none;
}
.companydata li p.decs{
font-size:16px;
text-align:center;
line-height:160%;
font-weight:lighter;
color:#808080;
}
.index_icon{
position:relative;
width:48px;
height:48px;
margin:30px auto;
clear:both;
}
.about-sign{
width: 48px;
height: 48px;
padding: 7px 18px 6px;
background: url(../images/bg_sign09.png) no-repeat;
position: relative;
}
.about-sign .sign-top{
width: 12px;
height: 17px;
background: url(../images/bg_sign07.png) no-repeat;
position: absolute;
left: 18px;
bottom: 24px;
animation: signMove 1s infinite;
-webkit-animation: signMove 1s infinite;
}
.about-sign .sign-bot{
width: 12px;
height: 17px;
background: url(../images/bg_sign08.png) no-repeat;
position: absolute;
left: 18px;
top: 25px;
animation: signMove 1s infinite;
-webkit-animation: signMove 1s infinite;
}
@keyframes signMove{
from{
height: 0;
}
to {
height: 17px;
}
}
@-webkit-keyframes signMove{
from{
height: 0;
}
to {
height: 17px;
}
}
/***浜у搧***/
.newproducts{
clear:both;
width:100%;
overflow:hidden;
background:#FFF;
padding-top:80px;
padding-bottom:80px;
}
.icat_title_title {
text-align: center;
margin: 0 auto;
}
.icat_title_title h2 {
font-size: 32px;
width: 100%;
height: 30px;
line-height: 30px;
color: #666;
font-weight:600;
background: url(../images/ititle_bg.png) center no-repeat;
}
.icat_title_title h3 {
height: 35px;
line-height: 38px;
width: 100%;
font-size: 16px;
text-align: center;
font-size: 16px;
font-weight: normal;
color: #666;
margin-top:10px;
}
.honor {
width:100%;
float:left;
clear:both;
background:#FFF;
}
.honor .con {
margin:50px auto 0 auto;
position:relative;
width:-moz-calc(90% + 100px);
width:-webkit-calc(90% + 100px);
width: calc(90% + 100px);
max-width: calc(1360px + 100px);
min-width: calc(1200px + 100px);
}
.honor .tempWrap{
overflow:hidden;
position:relative;
width:-moz-calc(100% - 100px);
width:-webkit-calc(100% - 100px);
width: calc(100% - 100px);
margin:0 auto;
}
.honor .con ul{
font-size:0;
padding:0;
margin:0 0 0 -25px;
}
.honor .con li {
display:inline-block;
width:25%;
padding-right:25px;
position:relative;
}
.honor .con li.last{
padding-right:0;
}
.honor .con li a {
display:block;
position:relative;
font-size:18px;
}
.honor .con li .s-img {
/*height:250px; */
text-align:center;
vertical-align: middle;
/*display: table-cell;*/
width:100%;
position:relative;
overflow:hidden;
border:#FFF 1px solid;
border-bottom:0;
}
.honor .con li:hover .s-img{
border:#e0e0e0 1px solid;
border-bottom:0;
}
.honor .con li .s-img img {
display:inline-block;
vertical-align:middle;
width:100%;
max-height:100%;
transition: all linear 0.3s
}
.honor .con li:hover img{
-moz-transform:scale(1.05);
-webkit-transform: scale(1.05);
transform:scale(1.05);
}
.honor .con li .s-text{
background:#FFF;
width:100%;
height:100px;
padding:20px 20px;
overflow:hidden;
line-height:180%;
font-size:14px;
border:#f0f0f0 1px solid;
}
.honor .con li .s-text p{
color:#666666;
/*margin-top:10px;*/
font-size:15px;
font-weight:lighter;
}
.honor .con li .s-text h3{
font-size:20px;
text-align:center;
color:#666;
display:none
}
.honor .con li:hover .s-text h3{
color:#424242;
}
.honor .con li:hover .s-text p{
color:#404040;
}
.honor .con li .s-more{
background:#f6f6f6;
width:100%;
height:60px;
margin-top:0px;
overflow:hidden;
line-height:60px;
font-size:14px;
border:#f0f0f0 1px solid;
border-top:0;
}
.honor .con li .s-more .jiantou-right{
width:30%;
height:100%;
float:left;
border-right:#f0f0f0 1px solid;
background:url(../images/jiantou-right.jpg) no-repeat 20px;
transition: all linear 0.3s
}
.honor .con li:hover .s-more .jiantou-right{
background:url(../images/jiantou-right.jpg) no-repeat 30px;
}
.honor .con li .s-more .right{
float:left;
width:70%;
padding-right:20px;
text-transform:uppercase;
font-size:15px;
transition: all linear 0.3s;
text-align:right;
}
.honor .con li:hover .s-more .right{
padding-right:30px;
color:#F08519;
}
.honor .con a.prev {
outline:none;
position:absolute;
left:0px;
top:50%;
width:47px;
height:47px;
margin-top:-25px;
background:url(../images/l-1.png?v=2.0) no-repeat center center #f0f0f0;
transition: all linear 0.3s;
display:none
}
.honor .con a.prev:hover {
background:url(../images/l-1-on.png?v=2.0) no-repeat center #0047BA;
}
.honor .con a.next {
outline:none;
position:absolute;
right:0px;
top:50%;
width:47px;
height:47px;
margin-top:-25px;
background:url(../images/r-1.png?v=2.1) no-repeat center center #f0f0f0;
transition: all linear 0.3s;
display:none
}
.honor .con a.next:hover {
background:url(../images/r-1-on.png?v=2.1) no-repeat center #0047BA;
}
.subpage{
clear:both;
padding-bottom:60px;
overflow:hidden;
}
.jyln{
box-shadow: 0 16px 20px -6px rgba(97, 105, 113, 0.1);
background:#FFF;
padding:60px;
border:#f0f0f0 1px solid;
}
.jylinian{
position:relative;
height:420px;
clear:both;
margin:0 auto;
border:#000 0px solid;
overflow:hidden;
}
.jylinian .p1{
width:260px;
height:260px;
background:#26AAE1;
transform:rotate(45deg);
margin-left:60px;
margin-top:75px;
border-radius:10px;
}
.jylinian .p1:hover{
background:#1D74B8;
-webkit-transition-property: background-color;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease;
}
.jylinian .p1 img{
display:inline-block;
transform:rotate(-45deg);
margin-top:60px;
margin-left:70px;
width:120px
}
.jylinian .p2{
width:90px;
height:90px;
background:#1D74B8;
transform:rotate(45deg);
position:absolute;
left:500px;
top:20px;
border-radius:5px
}
.jylinian .p2:hover,.jylinian .p4:hover{
background:#26AAE1;
-webkit-transition-property: background-color;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease;
}
.jylinian .p3{
width:90px;
height:90px;
background:#26AAE1;
transform:rotate(45deg);
position:absolute;
left:600px;
top:160px;
border-radius:5px
}
.jylinian .p3:hover{
background:#1D74B8;
-webkit-transition-property: background-color;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease;
}
.jylinian .p4{
width:90px;
height:90px;
background:#1D74B8;
transform:rotate(45deg);
position:absolute;
left:500px;
bottom:18px;
border-radius:5px
}
.jylinian .p2 span,.jylinian .p3 span,.jylinian .p4 span{
color:#FFF;
display:inline-block;
text-align:center;
transform:rotate(-45deg);
font-size:24px;
font-family:'Helvetica Condensed Bold_0';
padding-top:45px;
padding-left:20px;
}
.lnline1{
position:absolute;
top:50px;
left:330px
}
.lnline2{
position:absolute;
top:190px;
left:445px
}
.lnline3{
position:absolute;
bottom:50px;
left:330px
}
.jylinian .text1{
font-size:16px;
position:absolute;
left:630px;
top:0px;
}
.jylinian .text2{
font-size:16px;
position:absolute;
left:730px;
top:155px;
}
.jylinian .text3{
font-size:16px;
position:absolute;
left:630px;
top:310px;
}
.jylinian strong{
font-size:20px;
display:block;
}
/***鐮斿彂涓績***********/
.sysb{
clear:both;
}
.sysb li{
float:left;
width:calc((100% - 60px) / 4);
margin-right:20px;
margin-bottom:20px;
}
.sysb li:nth-child(4n){
margin-right:0
}
.yfzx{
overflow:hidden;
padding-bottom:60px;
}
.yfzx .left{
width:58%;
float:left;
}
.yfzx .left h3,.gcsb h3{
font-size:24px;
}
.yfzx .left h3 span,.gcsb h3 span{
font-family:'Helvetica Condensed Bold_0';
display:block;
text-transform:capitalize;
}
.yfzx .left .ldesc{
font-size:16px;
line-height:200%;
margin-top:20px;
padding-right:40px;
}
.yfzx .left .limg{
width:100%;
clear:both;
margin-top:100px;
}
.yfzx .left .limg ul li{
float:left;
width:47%;
margin-right:20px;
}
.yfzx .left .limg ul li:nth-child(2n){
margin-right:0
}
.yfzx .left .limg ul li img{
display:block;
width:100%;
}
.yfzx .right{
width:34%;
float:right;
}
.yfzx .right img{
display:block;
width:100%;
}
.gcsb{
width:100%;
background:#ffffff;
clear:both;
overflow:hidden;
padding:60px 0;
}
.gcsb h3{
margin-bottom:30px;
}
.gcsb .left{
width:47%;
float:left;
}
.gcsb .right{
float:right;
width:calc(53% - 20px);
}
.gcsb .right ul li{
float:left;
width:calc((100% - 20px) /2);
margin-right:20px;
margin-bottom:20px;
}
.gcsb .right ul li:nth-child(2n){
margin-right:0;
}
.gcsb .right ul li:nth-child(3),.gcsb .right ul li:nth-child(4){
margin-bottom:0;
}
.gcsb .right ul li img{
width:100;
display:block;
}